jQuery(document).ready(function() {


	jQuery('div#SubmitButton input.BrowserButton').after('<a href="#" class="cssbutton large">Send!</a>').remove();
	
	jQuery('a.cssbutton').click(function() {
	  jQuery('#contactForm').submit();
	});
	
	jQuery('input[type=text], textarea').each(function() {
	
		jQuery(this).focus(function() { 
			if(jQuery(this).val() == this.defaultValue)
				if(jQuery(this).val() == "EMAIL")
					jQuery(this).val("").css({'color' : '#2f7bba'}); 
				else if(jQuery(this).val() == "MESSAGE")
					jQuery(this).val("").css({'color' : '#2f7bba'}); 
				else 
					jQuery(this).css({'color' : '#2f7bba'});
			else
				jQuery(this).css({'color' : '#2f7bba'});	 
	  	}); 
	  	
	  	jQuery(this).blur(function() { 
			if(jQuery(this).val() == "") 
		  		jQuery(this).val(this.defaultValue);
		  	if(jQuery(this).val().toUpperCase() == this.defaultValue)
		  		if(jQuery(this).val().toUpperCase() == "EMAIL")
		  			jQuery(this).val(this.defaultValue).css({'color' : '#eee'});
		  		else if(jQuery(this).val().toUpperCase() == "MESSAGE")
		  			jQuery(this).val(this.defaultValue).css({'color' : '#eee'});
		  		else
		  			jQuery(this).css({'color' : '#2f7bba'});
			else
				jQuery(this).css({'color' : '#2f7bba'});
	  	}); 
	});
	

	//Form validation
	jQuery('#contactForm').submit(function() {
		
		jQuery('#contactForm span.error').remove();
		jQuery('#contactForm input, #contactForm textarea').removeClass('error');
			var hasError = false;
				
		jQuery('#contactForm input[type=text], #contactForm textarea').each(function() {
			
			var value = jQuery(this).val();
			if(jQuery(this).attr('id') == "Email") {
				var emailReg = /^([0-9a-zA-Z]([-.\w]*[0-9a-zA-Z])*@([0-9a-zA-Z][-\w]*[0-9a-zA-Z]\.)+[a-zA-Z]{2,9})$/;
				if (value == 'EMAIL' || jQuery.trim(value) == '') {
					jQuery(this).addClass('error').after('<span class="error">Uh, your email address...</span>');
					hasError = true;
				}
				else if(!emailReg.test(jQuery.trim(value))) {
					jQuery(this).addClass('error').after('<span class="error">I think you\'re missing something.</span>');
					hasError = true;
				}
			}
			else if(jQuery(this).attr('id') == "Message") {
				if(value == "MESSAGE") {
					jQuery(this).addClass('error').after('<span class="error">You might want to change this...</span>');
					hasError = true;
				}
				else if(jQuery.trim(value) == '') {
					jQuery(this).addClass('error').after('<span class="error">You might want to actually type something here...</span>');
					hasError = true;
				}
			}
			else if(jQuery(this).attr('id') == "Checking") {
				if(jQuery(this).val() != '') {
					hasError = true;
					return false;
				}
			}
		});
				
		if(!hasError) {
			return true;
		}
		
		return false;
					
	});
	
	jQuery('input[type=text], textarea').keypress(function() {
		jQuery(this).next('.error').slideUp('fast');
		jQuery(this).removeClass('error');
	});

});