$(document).ready(function() {
	
	$(".list").hover(function(){
		//$(this).addClass("hover");
		$('.list ul ul.sub').slideDown();
	},
	function () {
		$('.list ul ul.sub').slideUp();
	}
	);

	$('#img_drop').click(function(){
		$('.list ul ul.sub').slideToggle("slow");
	});

	/////////////////////////////////////////////////
	//! Email
	////////////////////////////////////////////////	
	
	$("#name").focus(function(){
		var nameVal = $("#name").val();
		if(nameVal == 'please enter your name'){
			$(this).val('');
		}
	});
	
	$("#name").blur(function(){
		var nameVal = $("#name").val();
		if(nameVal == ''){
			$(this).val('please enter your name');
		}
	});
	
	$("#phone").focus(function(){
		var phoneVal = $("#phone").val();
		if(phoneVal == 'please enter a phone number'){
			$(this).val('');
		}
	});
	
	$("#phone").blur(function(){
		var phoneVal = $("#phone").val();
		if(phoneVal == ''){
			$(this).val('please enter a phone number');
		}
	});
	
	$("#email").focus(function(){
		var emailVal = $("#email").val();
		if(emailVal == 'please enter your email address' || emailVal == 'please enter a valid email address'){
			$(this).val('');
		}
	});
	
	$("#email").blur(function(){
		var emailVal = $("#email").val();
		if(emailVal == ''){
			$(this).val('please enter your email address');
		}
	});
	
	$("#message").focus(function(){
		var messageVal = $("#message").val();
		if(messageVal == 'please enter a message'){
			$(this).val('');
		}
	});
	
	$("#message").blur(function(){
		var messageVal = $("#message").val();
		if(messageVal == ''){
			$(this).val('please enter a message');
		}
	});
		
	$("#submit").click(function(){					   				   
		$(".error").hide();
		var hasError = false;
		var emailReg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/;
		
		var nameVal = $("#name").val();
		if(nameVal == '' || nameVal == 'please enter your name') {
			$("#name").val('please enter your name');
			$("#name").effect("highlight", {color:"#999999"}, 800);
			hasError = true;
		}
		
		var emailFromVal = $("#email").val();
		if(emailFromVal == '' || emailFromVal == 'please enter your email address') {
			$("#email").val('please enter your email address');
			$("#email").effect("highlight", {color:"#999999"}, 800);
			hasError = true;
		} else if(!emailReg.test(emailFromVal) || emailFromVal == 'please enter a valid email address') {	
			$("#email").val('please enter a valid email address');
			$("#email").effect("highlight", {color:"#999999"}, 800);
			hasError = true;
		}
		
		var phoneVal = $("#phone").val();
		if(phoneVal == '' || phoneVal == 'please enter a phone number') {
			$("#phone").val('please enter a phone number');
			$("#phone").effect("highlight", {color:"#999999"}, 800);			
			hasError = true;
		}
		
		var messageVal = $("#message").val();
		if(messageVal == '' || messageVal == 'please enter a message') {
			$("#message").val('please enter a message');
			$("#message").effect("highlight", {color:"#999999"}, 800);			
			hasError = true;
		}
		
		var newsletterVal = $("#newsletter").val();
		var countryVal = $("#country").val();
		
		if(hasError == false) {
			
			$(".thanks").html('');
			
			$.post("sendemail.php", { name: nameVal, phone: phoneVal, email: emailFromVal, country: countryVal, message: messageVal, newsletter: newsletterVal },
   					function(data){
							$(".thanks").html('<p><strong>Thank you!</strong> Your email has been sent. We will get back to you shortly.</p>');
							$("#name").val('');	
							$("#phone").val('');
							$("#email").val('');
							$("#country").val('');	
							$("#message").val('');
							$("#newsletter").val('');										
   					}
				 );
		}
		
		return false;
	});
	
});