$.validator.setDefaults({
	submitHandler: function(){
		
		var dataString = $("#contact #form form").serialize();
		
		//disable input
		$('#contact #form input[type=submit]').attr('disabled','disabled');
		
		$.ajax({
		  url: 'php/contact.php',
		  type: 'POST',
		  data: dataString,
		  success: function(data) {
			
			if( data == 'success' ) {
				
				$('#form').fadeOut(1000,function(){ $('#c-success').fadeIn(); });
				
			} else {
				
				$('#form').fadeOut(1000,function(){ $('#c-fail').fadeIn(); });
				
			}
			
		  }
		});
		
		$('#contact').addClass('sent');
		
		return false;
		
	}
});


$().ready(function() {
	
	//make this animation nicer, instead of fades as they are used in many other areas of the website...
	$('#contact').hover(function(){ $('.ctext').addClass('contact-hover'); },function(){ $('.ctext').removeClass('contact-hover'); });
	$('#contact').click(function(){ if( !$(this).hasClass('sent') ) { $('.ctext').fadeOut('fast',function(){ $('#contact').css('cursor','auto'); $('#form').fadeIn(); }); } });
	
	$('.csubmit').hover(function(){ $(this).addClass('csubmit-hover'); },function(){ $(this).removeClass('csubmit-hover'); }); //hover action
	$('.csubmit').mouseup(function(){ $(this).removeClass('csubmit-clicked'); }).mousedown(function(){ $(this).addClass('csubmit-clicked'); }); //click action
	
	//Remove the default text thats in inside the form, except for user input text
	$('#contact #form input').focus(function(){ if( !$(this).hasClass('focused') ) { $(this).attr('value','').addClass('focused'); }});
	
	//fix for the validation
	$('#contact form .csubmit').click(function(){ 
		
		$('#contact #form input[type=text]').each(function(k, v) { 
		  if( !$(v).hasClass('focused') ) { $(v).attr('value','').addClass('focused'); }
		});
		
	});
	
	$("#contact form").validate({rules:{
		
		name: "required",
		company: "required",
		phone: "required",
		email: {required:true, email:true}
		
	}});
	
});