(function($) {

$(function() {
	
	//df-history config
	$.dfHistory.addListener( historyListener );
	$.dfHistory.start();
	
	$('div#flash-menu').flash({src:'menu.swf',wmode:'transparent', width:980, height:286});
	
	$('ul#menu').css({
		left:$('ul#menu').parent().width() / 2 - $('ul#menu').outerWidth() / 2
	});
	
	$('ul#menu li a, ul#banner li a').click(function(e) {
		e.preventDefault();
		
		var name = $(this).attr('href').substr(1);
		
		$('ul#menu li').removeClass('selected');
		$('ul#menu li.'+name).addClass('selected');
		
		$('ul#banner li:not(.'+name+')').fadeOut();
		$('ul#banner li.'+name).fadeIn();
		return false;
	});
	
	$('ul.sidebar li.promo a').click(function(e) {
		e.preventDefault();
		open_registration( true );
	});
});

//df-history listener
function historyListener( hash ) {
	if( hash == '' ) hash = 'homeland';
	
	$('ul.sidebar li').removeClass('selected');
	$('ul.sidebar li.'+hash).addClass('selected');
	
	//$('#ajax-content').html('<p style="text-align:center;"><img src="img/ajax-loader.gif" width="32" height="32" /></p>');
	
	$.get( hash+'.html', function( data, textStatus ) {
		$('#ajax-content').html( data );
	}, 'html');
}

})(jQuery);

$(window).keypress(function(e) {
   if( e.keyCode == 27 ) close_registration();
});

function open_registration( promo ) {
	var title = promo ? "Community Resilience Drive" : "Private Beta Registration";
	var promo_text = promo ?	"<h3>Win a Free Account for Your Community!</h3>" +
								"<p>We are giving away five public-service accounts per month! Whether you are working or volunteering with a school, CERT team, town/city or regional emergency management team, or similar organization, register now and you will have a chance to win a free subscription for your entire organization (up to 20 team members). Please make sure to tell us a bit about your team and invite your colleagues and fellow team members to register as well - the more applications we receive from your organization the higher your chances of winning.</p>" : '';

	var content = '<div style="padding:5px;">' + promo_text + "<div id='zohoWebToLead' align=center><META HTTP-EQUIV ='content-type' CONTENT='text/html;charset = UTF-8'>  <form id=\"zpbr\" action='http://crm.zoho.com/crm/WebToLead' method='POST' onSubmit='javascript:document.charset=\"UTF-8\";' accept-charset='UTF-8'><table border=0 cellspacing=0 cellpadding=5 width=480 style='border-top:2px solid #999999;border-bottom:1px solid #999999;background-color:#ffffff;'>  <input type='hidden' name='xnQsjsdp' value=M3a8loDmcuk$/>  <input type='hidden' name='xmIwtLD' value=4wuHGLcZfyU05M75wGbgtIDA2Q1fFl-7/>   <input type='hidden' name='actionType' value=TGVhZHM=/>  <input type='hidden' name='returnURL' value='http://www.wradr.com/pics/success.html' /> <br> <tr><td nowrap style='font-family:sans-serif;font-size:12px;font-weight:bold' align='right' width='25%'>Company &nbsp;&nbsp;:</td><td width='75%'><input type='text' maxlength='100' name='Company' /> </td></tr> <tr><td nowrap style='font-family:sans-serif;font-size:12px;font-weight:bold' align='right' width='25%'>First Name &nbsp;&nbsp;:</td><td width='75%'><input type='text' maxlength='40' name='First Name' /> </td></tr> <tr><td nowrap style='font-family:sans-serif;font-size:12px;font-weight:bold' align='right' width='25%'>Last Name &nbsp;&nbsp;:</td><td width='75%'><input type='text' maxlength='80' name='Last Name' /> </td></tr> <tr><td nowrap style='font-family:sans-serif;font-size:12px;font-weight:bold' align='right' width='25%'>Email &nbsp;&nbsp;:</td><td width='75%'><input type='text' maxlength='100' name='Email' /> </td></tr> <tr><td nowrap style='font-family:sans-serif;font-size:12px;font-weight:bold' align='right' width='25%'>Mobile &nbsp;&nbsp;:</td><td width='75%'><input type='text' maxlength='30' name='Mobile' /> </td></tr> <tr><td nowrap style='font-family:sans-serif;font-size:12px;font-weight:bold' align='right' width='25%'>Notes/Comments &nbsp;&nbsp;:</td><td width='75%'><input type='text' maxlength='250' name='Lead Comments' /> </td></tr> <tr><td nowrap style='font-family:sans-serif;font-size:12px;font-weight:bold' align='right' width='25%'>Zip Code &nbsp;&nbsp;:</td><td width='75%'><input type='text' maxlength='30' name='Zip Code' /> </td></tr> <tr><td nowrap style='font-family:sans-serif;font-size:12px;font-weight:bold' align='right' width='25%'>Country &nbsp;&nbsp;:</td><td width='75%'><input type='text' maxlength='30' name='Country' /> </td></tr> <tr><td colspan=2 align=center style='background-color:#eaeaea'> <input type='submit' name='save' value='Submit' /></td></tr></table> </form></div> </div>";
	
	var overlay = $('<div id="wradr-box-overlay" />')
		.css({
			"position":"absolute",
			"height":$(document).height()
		})
		.click(function() {
			close_registration();
		});
	var box = $('<div id="wradr-box" />')
		.append('<h1>'+title+'</h1>')
		.append(content);
	
	$('body')
		.append(overlay)
		.append(box);
		
	overlay.fadeIn('fast')
	box.fadeIn('fast')
	.css({
		"top": $(window).height() / 2 - box.height() / 2,
		"left":$(document).width() / 2 - (box.width() > 400 ? 400 : box.width() ) / 2,
		"width":box.width() > 400 ? 400 : ''
	});
	
	$('form#zpbr').submit(function (e) {
		e.preventDefault();
		
		var post_data = {
			url:$(this).attr('action'),
			postfields:$(this).serialize()
		};
		
		$.post( '/zoho-registration.php', post_data, function( data, textStatus ) {
			if( textStatus != 'success' || data != 'ok' ) {
				if( console && console.log ) console.log(data);
				//do whatever you want here to deal with an unsuccessful request
				return;
			}
			
			box.html('')
				.append('<h1>Thank You for Registering!</h1>')
				.append("<h3>We'll be in touch as soon as (and only if) we have some worthy news.</h4>")
				.append('<h4>The wRadr Team</h4>')
				.append('<p>&copy 2008-2009 Securitydirector, LLC</p>')
				.css({
					"text-align":"center",
					"top": $(window).height() / 2 - box.height() / 2,
					"left":$(document).width() / 2 - box.width() / 2
				});
			
		}, 'text');
	});
}

function close_registration() {
	$('#wradr-box-overlay, #wradr-box').fadeOut('fast', function() {
		$(this).remove();
	});
}








