$(document).ready
(
	function()
	{
		
/////////////////////////////////////////////////////////////////////////////////////////////////////////

		$('input, textarea').addClass('idle_field');
		
/////////////////////////////////////////////////////////////////////////////////////////////////////////		

		$('input, textarea').focus
		(
		 	function()
			{
				$(this).removeClass('idle_field').addClass('focus_field');
				if(this.value==this.defaultValue)
				{ 
					this.value='';
				}
				if(this.value != this.defaultValue)
				{
					this.select();
				}
			}
		);
		
/////////////////////////////////////////////////////////////////////////////////////////////////////////

		$('input, textarea').blur
		(
			function()
			{
				$(this).removeClass('focus_field').addClass('idle_field');
				if($.trim(this.value)=='')
				{
					this.value=(this.defaultValue ? this.defaultValue : '');
				}
			}
		);
		
/////////////////////////////////////////////////////////////////////////////////////////////////////////

		$('#reset').click
		(
			function()
			{
				$('#error').hide(); // hide error message if any
			}
		);

/////////////////////////////////////////////////////////////////////////////////////////////////////////		


		$('#contact_form').submit
		(
		 
		 	function() // begin submit form and show server response
			{
				$.post
				(
					'mail.php',
					$('#contact_form').serialize(),
					function(data)
					{
						
						if(data.success) // begin if send mail = true
						{
							
							$('#error').fadeOut('slow'); // hide error message if any
							$('#contact_form').fadeOut('slow'); // fade out contact form
							$('#response').delay(1000).fadeIn('slow').delay(5000).fadeOut // show response, delay, hide response
							(
							 	'slow',
								function()
								{
									var name=document.getElementById('name');
									name.value='Name';
									var email=document.getElementById('email');
									email.value='Email';
									var message=document.getElementById('message');
									message.value='Message...';
								}
							);
							$('#contact_form').delay(7000).fadeIn('slow'); // fade in contact form
							
						} // end if send mail = true
						
						else
							$('#error').fadeIn('fast'); // if send mail != true, show error message
						
					},
				'json'
				);
			} // end submit form and show server response
			
		);


/////////////////////////////////////////////////////////////////////////////////////////////////////////
		
	}
);