var submt = false;
var setcar = false;
var wasOpen = false;

$().ready(function() {
	var fails;
	
	jQuery.validator.addMethod("lettersonly", function(value, element) {
		return this.optional(element) || /^[A-Za-z]+$/.test(value);
	}, "Letters only please"); 

	jQuery.validator.addMethod('phone', function(value, element){
		return this.optional(element) || /([(]?([2-9]\d{2})[)]?|([2-9]\d{2}))(-?| ?)[2-9]\d{2}[- ]?\d{4}/.test(value);
	}, 'Not a valid phone number');
	
	jQuery.validator.addMethod('zipcode', function(value, element){
		return /(^\d{5}$)|(^\d{5}-\d{4}$)|(^\d{9}$)/.test(value);
	}, 'Not a valid zip code');

	jQuery.validator.addMethod('textar', function(value, element){
		if(value > 1 || value != 'Describe Your Interest in Contributing')
		{
			return true;
		}
		else
		{
			return false;
		}
	}, 'Enter Info About Yourself!');

	jQuery.validator.addMethod('drop', function(value, element){
		return element.selectedIndex>0; 
	}, 'Select your gender!');
	
	$('#addu2').validate({
		rules: {
			first:{
				lettersonly: true,
				required: true
			},
			laste:{
				lettersonly: true,
				required: true
			},
			email:{
				email: true,
				required: true
			},
			textar:{
				textare: true,
				required: true
			}
		},
		messagese: {
			first: "Please enter your first name",
			last: "Please enter your last name",
			email: "Please enter an email address"
		},
		errorPlacement: function(error, element){	
				error.insertAfter(element);
				$('<br />').insertAfter(element);
		}
	});
	
	// validate signup form on keyup and submit
	$("#addu").validate({
		rules: {
			first: {
				lettersonly: true,
				required: true
			},
			laste: {
				lettersonly: true
			},
			email: {
				email: true
			},
			gender:{
				required: true,
				drop: true
			},
			zip: {
				required: true,
				digits: true,
				zipcode: true
			}
		},
		messages: {
			first: "Please enter a valid first name",
			laste: "Please enter a valid last name",
			email: "Please enter a valid email address",
			gender: 'Please select your gender'
		},
		errorPlacement: function(error, element){			
			if(element.attr('name') == 'email')
			{
				error.insertAfter($('input[@name=email]'));
				$('<br />').insertBefore('label.error');
			}
			else
			{
				error.insertAfter(element);
				$('<br />').insertAfter(element);
			}
		}
	});
	
	$("#inter").validate({
		rules: {
			email: {
				email: true,
				required: true
			}
		},
		messages: {
			email: "Please enter a valid email address"
		},
		errorPlacement: function(error, element){			
			if(element.attr('name') == 'email')
			{
				error.insertAfter($('#sub'));
				$('<br />').insertBefore('label.error');
			}
			else
			{
				error.insertAfter(element);
				$('<br />').insertBefore('label.error');
			}
		}
	});
	
	$('#areacode').keyup(function(e)
	{
		if((e.keyCode >= 48 && e.keyCode <= 57) || (e.keyCode >= 96 && e.keyCode <= 105) || e.keyCode == 8 || e.keyCode == 46)
		{
			if($('#areacode').val().length == 3)
			{
				$('#firstthree').focus();
			}
		}
		else
		{
			$('#areacode').val('');
			setcar = false;
		}
	});

	$('#firstthree').keyup(function(e)
	{
		if((e.keyCode >= 48 && e.keyCode <= 57) || (e.keyCode >= 96 && e.keyCode <= 105) || e.keyCode == 8 || e.keyCode == 46)
		{
			if($('#firstthree').val().length == 3)
			{
				$('#secondfour').focus();
			}
		}
		else
		{
			$('#firstthree').val('');
			setcar = false;
		}
	});

	$('#secondfour').keyup(function(e)
	{
		if((e.keyCode >= 48 && e.keyCode <= 57) || (e.keyCode >= 96 && e.keyCode <= 105) || e.keyCode == 8 || e.keyCode == 46)
		{
			setcar = true;
			
			if($('#secondfour').val().length == 4)
			{	
				if($('#carrier').val() > 0)
				{
					$('#carrier').css('background-color', '#fff');
					$('#carrier').css('color', '#000');
					
					submt = true;
				}
				else
				{
					$('#carrier').css('background-color', '#ce203a');
					$('#carrier').css('color', '#ffffff');
					
					submt = false;	
				}
			}
		}
		else
		{
			$('#secondfour').val('');
			setcar = false;
		}
		
		if($('#secondfour').val() == '')
		{
			$('#carrier').css('background-color', '#fff');
			$('#carrier').css('color', '#000');
		}
		
		var asdf = ($('#secondfour').val() + $('#firstthree').val() + $('#areacode').val());
		
		if(asdf.length == 10)
		{
			submt = false;
			setcar = true;
		}
		else
		{
			submt = true;
			setcar = false;
		}
	});
	
	$('#carrier').change(function()
	{
		if(setcar)
		{
			if($('#carrier').val() > 0)
			{
				$('#carrier').css('background-color', '#fff');
				$('#carrier').css('color', '#000');
				
				submt = true;	
			}
			else
			{
				$('#carrier').css('background-color', '#ce203a');
				$('#carrier').css('color', '#ffffff');
				
				submt = false;
			}
		}
	});
	
	$('#m').change(function()
	{
		$('#m').css('background-color', '#fff');
		$('#m').css('color', '#000');
		
		submt = true;
		
		if($('#d').val() == 'Day')
		{
			$('#d').css('background-color', '#ce203a');
			$('#d').css('color', '#ffffff');
			
			fails += 'Select a Day<br />';
			
			submt = false;
		}
		if($('#y').val() == 'Year')
		{
			$('#y').css('background-color', '#ce203a');
			$('#y').css('color', '#ffffff');
			
			fails += 'Select a Year<br />';
			
			submt = false;
		}
		if($('#m').val() == 'Month' && ($('#y').val() != 'Year' || $('#d').val() != 'Day'))
		{
			$('#m').css('background-color', '#ce203a');
			$('#m').css('color', '#ffffff');
		}
		
		if($('#m').val() == 'Month' && $('#y').val() == 'Year' && $('#d').val() == 'Day')
		{
			$('#d').css('background-color', '#fff');
			$('#d').css('color', '#000');
			$('#m').css('background-color', '#fff');
			$('#m').css('color', '#000');
			$('#y').css('background-color', '#fff');
			$('#y').css('color', '#000');
		}
	});
	
	$('#d').change(function()
	{
		$('#d').css('background-color', '#fff');
		$('#d').css('color', '#000')
			
		submt = true;
		
		if($('#m').val() == 'Month')
		{
			$('#m').css('background-color', '#ce203a');
			$('#m').css('color', '#ffffff');
			
			fails += 'Select a Month<br />';
			
			submt = false;
		}
		if($('#y').val() == 'Year')
		{
			$('#y').css('background-color', '#ce203a');
			$('#y').css('color', '#ffffff');
			
			fails += 'Select a Year<br />';
			
			submt = false;
		}
		if($('#d').val() == 'Day' && ($('#y').val() != 'Year' || $('#m').val() != 'Month'))
		{
			$('#d').css('background-color', '#ce203a');
			$('#d').css('color', '#ffffff');
		}
		
		if($('#m').val() == 'Month' && $('#y').val() == 'Year' && $('#d').val() == 'Day')
		{
			$('#d').css('background-color', '#fff');
			$('#d').css('color', '#000');
			$('#m').css('background-color', '#fff');
			$('#m').css('color', '#000');
			$('#y').css('background-color', '#fff');
			$('#y').css('color', '#000');
		}
	});
	
	$('#y').change(function()
	{		
		$('#y').css('background-color', '#fff');
		$('#y').css('color', '#000');
			
		submt = true;
		
		if($('#d').val() == 'Day')
		{
			$('#d').css('background-color', '#ce203a');
			$('#d').css('color', '#ffffff');
			
			fails += 'Select a Day<br />';
			
			submt = false;
		}
		if($('#m').val() == 'Month')
		{
			$('#m').css('background-color', '#ce203a');
			$('#m').css('color', '#ffffff');
			
			fails += 'Select a Month<br />';
			
			submt = false;
		}
		if($('#y').val() == 'Year' && ($('#d').val() != 'Day' || $('#m').val() != 'Month'))
		{
			$('#y').css('background-color', '#ce203a');
			$('#y').css('color', '#ffffff');
		}
		
		if($('#m').val() == 'Month' && $('#y').val() == 'Year' && $('#d').val() == 'Day')
		{
			$('#d').css('background-color', '#fff');
			$('#d').css('color', '#000');
			$('#m').css('background-color', '#fff');
			$('#m').css('color', '#000');
			$('#y').css('background-color', '#fff');
			$('#y').css('color', '#000');
		}
	});
	
	$('#addu2').submit(function()
	{
		if($('#tellus').val() == 'Describe Your Interest in Contributing' || $('#tellus').val() == '')
		{
			$('#tellus').focus();
			
			return false;
		}
		
		return true;
	});
	
	$('#addu').submit(function()
	{
		if($('input[@type=checkbox]:checked').size() == 0)
		{
			$('.rowRight input[@type=checkbox').each(function(i)
			{
				$(this).css('background-color', '#ce203a');
				$(this).css('color', '#ffffff');
			});
			
			submt = false;
		}
		else
		{
			submt = true;
		}
		
		if(submt)
		{
			return true;
		}
		
		return false;
	});
	
	$('#1').click(function()
	{
		alert('hello');
	});
	
	$(':checkbox').click(function()
	{
		if($('input[@type=checkbox]:checked').size() > 0)
		{
			$('input[@type=checkbox]').each(function(i)
			{
				$(this).css('background-color', '#4E97D2');
				$(this).css('color', '#ffffff');
			});
			
			submt = true;
		}
		else
		{
			$('input[@type=checkbox]').each(function(i)
			{
				$(this).css('background-color', '#ce203a');
				$(this).css('border', '#f0f0f0');
				$(this).css('color', '#ffffff');
			});
			
			submt = false;
		}
	});
	
	$('#inter2').submit(function()
	{
		submt = true; 
		atLeastOne = false;
		
		$('textarea').each(function()
		{
			if($(this).val() != '')
			{
				atLeastOne = true;
			}
		});
		
		if(!atLeastOne)
		{
			$("#optout").dialog({
				modal: true,
				overlay: {
				"background-color": "#000",
				"opacity": "0.75",
				"-moz-opacity": "0.75"},
				buttons: {
      					'OK': function() { $(this).dialog('close'); }
				} 
    			});
    			
    			$('#optout').dialog('open');
    			
    			if(!wasOpen)
    			{
				$("#optout").append("<p>Please tell us about at least one type of event you would like to hear more about!</p>");
				
				wasOpen = true;
    			}
    			
    			return false;
		}
		
		return true;
	});
	
	
	$('input[type=text]').focus(function()
	{
		$(this).css({ backgroundImage : "url()" });
		$(this).css({backgroundColor: '#9BB8CF'});
	});
	
	$('input[type=text]').blur(function()
	{	
		$(this).css({ backgroundImage : "url(media/images/grad2.png)" });
		$(this).css({backgroundColor: '#fff'});
	});
	
	
	$('textarea').focus(function()
	{
		$(this).css({ backgroundImage : "url()" });
		$(this).css({backgroundColor: '#9BB8CF'});
	});
	
	$('textarea').blur(function()
	{	
		$(this).css({ backgroundImage : "url(media/images/gradText.jpg)" });
		$(this).css({backgroundColor: '#fff'});
	});
});