// JavaScript Document

$(document).ready( function(){ 
							
//if submit button is clicked
	$('#submit').click(function () {		
		//document.write("!!!");
		//Get the data from all the fields
		var name			= $('input[name=name]');
		var email			= $('input[name=email]');
		var message			= $('textarea[name=message]');

		//Simple validation to make sure user entered something
		//If error found, add hightlight class to the text field
		if (name.val()=='') {
			name.addClass('hightlight');
			return false;
		} else name.removeClass('hightlight');
		
		if (email.val()=='') {
			email.addClass('hightlight');
			return false;
		} else email.removeClass('hightlight');
		
		if (message.val()=='') {
			message.addClass('hightlight');
			return false;
		} else message.removeClass('hightlight');
		
		//organize the data properly
		var data = 'name=' + name.val() + '&email=' + email.val() + '&message='  + encodeURIComponent(message.val());
		
		//disabled all the text fields
		$('.text').attr('disabled','true');
		
		//show the loading sign
		$('.loading').show();
		
		//start the ajax
		$.ajax({
			//this is the php file that processes the data and send mail
			url: "scripts/php/process.php",	
			
			//GET method is used
			type: "GET",

			//pass the data			
			data: data,		
			
			//Do not cache the page
			cache: false,
			
			//success
			success: function (html) {				
				//if process.php returned 1/true (send mail success)
				if (html==1) {					
					//reset the form	
					resetForm('.contact_form');
					//show the success message
					$('.done').fadeIn('slow');
					//alert(data);
					//show the loading sign
					$('.loading').hide();
					
				//if process.php returned 0/false (send mail failed)
				} else alert('Sorry, unexpected error. Please try again later.');				
			}		
		});
		
		//cancel the submit button default behaviours
		return false;
	});
	
	$('.message').focus(function () {
         $(this).text('');
    });
	
	$('.message').blur(function () {
         if($(this).text() == '') {$(this).text('Enter your message here...');}
    });
	
	function resetForm(id) {
	$(id).each(function(){
	        this.reset();
	});
}
	
});