$(document).ready(function() {
	$('#cname').click(
		function() {
			if (this.value == this.defaultValue) {
				this.value = '';
			}
		}
	);

	$('#cname').blur(
		function() {
			if (this.value == '') {
			this.value = this.defaultValue;
			}
		}
	);
	


	$('#cemail').click(
		function() {
			if (this.value == this.defaultValue) {
				this.value = '';
			}
		}
	);

	$('#cemail').blur(
		function() {
			if (this.value == '') {
			this.value = this.defaultValue;
			}
		}
	);


	$("#commentForm").validate({
		submitHandler: function(form) {
		
		//Get the data from all the fields
		var name = $('input[name=name]');
		var email = $('input[name=email]');

		
		//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');
		
		
		//organize the data properly
		var data = 'name=' + name.val() + '&email=' + email.val();
		
		
		//disabled all the text fields
		$('.text').attr('disabled','true');
		
		//show the loading sign
		$('.loading').show();
		
			$.ajax({
			
				//this is the php file that processes the data and send mail
				url: "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) {					
						//hide the form
						$('.form').fadeOut('slow');					
						
						//show the success message
						$('.done').fadeIn('slow');
						
					//if process.php returned 0/false (send mail failed)
					} else alert('Sorry, unexpected error. Please try again later.');				
				}	
			});
	}});

});