var mySelect = '<div id="selectComboBox"><p id="selectReminderReplace" class="SelectReplace"></p><div id="selectReminderList" class="SelListContainer"><div id="resTrackSel" class="ScrollPanSel"><span id="resDragSel"></span></div><ul id="selectReminderList2" class="SelectReplace"></ul></div><div>';

$(document).ready( function() {
	//Showoff checkbox
	$('#inform').addClass('Disappear');
	$('#informLabel').addClass('CheckReplace');
	
	
	//Showoff select
	$('#stateContaner').append(mySelect);
	$('#state').addClass('Disappear');
	
	var myList = '';
	var firstValue = '';
	var count = 0;
	$('#state option').each(function(){
		var temp = $(this).text();
		if (count == 0) firstValue = temp;
		myList += '<li>'+temp+'</li>';
		count++;		
	});
	$('#selectReminderList2').html(myList);
	
	//Handler my select
	$('#selectReminderReplace').text($('#state :selected').text().substring(0,21));
	$('#selectComboBox').hover(function(){
		$('#selectReminderReplace').click(function(){
			$('#selectReminderList').fadeIn(); 
			$('#selectReminderList2').css('top','0px');
			$('#resTrackSel span').css('top','0px');
			$('#resTrackSel').slider('destroy'); setScroll2();
		});
	},function(){
		$('#selectReminderList').fadeOut();
	});
	
	$('#selectReminderList li').hover(function(){
		$(this).addClass('OnSelect');
	}, function() {
		$(this).removeClass('OnSelect');
	});
	
	$('#selectReminderList li').click(function(){
		var hixhix = $(this).text();
		$('#selectReminderReplace').text(hixhix.substring(0,21));
		$('#state option:contains("'+hixhix+'")').attr('selected',true);
		$('#selectReminderList').hide();
	});
	
	//Handler reset button
	$('#reset').click(function(){
		$('#state option[@value="'+firstValue+'"]').attr('selected',true);
		$('#selectReminderReplace').text(firstValue);
		
		$('#fnameError').removeClass('Error')
		$('#fname').val('');
		$('#fname').focus();
		
		$('#lnameError').removeClass('Error')
		$('#lname').val('');
		
		$('#addressError').removeClass('Error')
		$('#address').val('');
		
		$('#cityError').removeClass('Error')
		$('#city').val('');
		
		$('#zipcodeError').removeClass('Error')
		$('#zipcode').val('');
		
		$('#emailError').removeClass('Error')
		$('#email').val('');
		
		$('#questionComment').removeClass('Error');
		$('#question').val('');
		
		if ($('#inform').attr('checked') != true) {
			checkMe();
			$('#inform').attr('checked',true);
		}
		
		return false;
	});	
	
	//Lets validate
	$('#contactForm').submit(function(){
		
		if($('#fname').val().length < 2) {
			$('#fnameError').addClass('Error');
			$('#fname').focus();
			return false;
		} else {
			$('#fnameError').removeClass('Error');
		}
		
		if($('#lname').val().length < 2) {
			$('#lnameError').addClass('Error');
			$('#lname').focus();
			return false;
		} else {
			$('#lnameError').removeClass('Error');
		}
		
		if($('#address').val().length < 2) {
			$('#addressError').addClass('Error');
			$('#address').focus();
			return false;
		} else {
			$('#addressError').removeClass('Error');
		}
		
		if($('#city').val().length < 2) {
			$('#cityError').addClass('Error');
			$('#city').focus();
			return false;
		} else {
			$('#cityError').removeClass('Error');
		}
		
		if( $('#state :selected').text() == ' ' ) {
			$('#stateContaner').addClass('Error');
			return false;
		} else {
			$('#stateContaner').removeClass('Error');
		}
		
		if(! $('#zipcode').val().match(/\d/)) {
			$('#zipcodeError').addClass('Error');
			$('#zipcode').focus();
			return false;
		} else {
			$('#zipcodeError').removeClass('Error');
		}		
		
		if(! $('#email').val().match(/^([\w-]+(?:\.[\w-]+)*)@((?:[\w-]+\.)*\w[\w-]{0,66})\.([a-z]{2,6}(?:\.[a-z]{2})?)$/i)) {
			$('#emailError').addClass('Error');
			$('#email').focus();
			return false;
		} else {
			$('#emailError').removeClass('Error');
		}
		
		if( $('#question').val() == '') {
			$('#questionComment').addClass('Error');
			$('#question').focus();
			return false;
		} else {
			$('#questionComment').removeClass('Error');	
		}

	});
	
	$('#fname').bind('blur',function(){
		if($('#fname').val().length < 2) {
			$('#fnameError').addClass('Error');
		} else {
			$('#fnameError').removeClass('Error');
		}									 
	});
	$('#lname').bind('blur',function(){
		if($('#lname').val().length < 2) {
			$('#lnameError').addClass('Error');
		} else {
			$('#lnameError').removeClass('Error');
		}									 
	});
	$('#address').bind('blur',function(){
		if($('#address').val().length < 2) {
			$('#addressError').addClass('Error');
		} else {
			$('#addressError').removeClass('Error');
		}							 
	});
	$('#city').bind('blur',function(){
		if($('#city').val().length < 2) {
			$('#cityError').addClass('Error');
		} else {
			$('#cityError').removeClass('Error');
		}							   
	});
	$('#zipcode').bind('blur',function(){
		if(! $('#zipcode').val().match(/\d$/i)) {
			$('#zipcodeError').addClass('Error');
		} else {
			$('#zipcodeError').removeClass('Error');
		}
	});
	$('#email').bind('blur',function(){
		if(! $('#email').val().match(/^([\w-]+(?:\.[\w-]+)*)@((?:[\w-]+\.)*\w[\w-]{0,66})\.([a-z]{2,6}(?:\.[a-z]{2})?)$/i)) {
			$('#emailError').addClass('Error');
		} else {
			$('#emailError').removeClass('Error');
		}									   
	});
	$('#question').bind('blur',function() {
		if( $('#question').val() == '') {
			$('#questionComment').addClass('Error');
			return false;
		} else {
			$('#questionComment').removeClass('Error');	
		}									   
	});	
	




	
});

function checkMe() {
	$('#informLabel').toggleClass('CheckReplaceActive');
}