$(document).ready(function(){
	pageLoad();
	portfolio();
	contactForm();
});

function contactFormJS(){
	$('#contact input[name=response]').focus(function(){
		if ($(this).val() == "No, thanks.") {
			$(this).val("email@address.com");
		}
	});
	$('#contact input[name=response]').blur(function(){
		if ($(this).val() == "email@address.com"){
			$(this).val("No, thanks.");
		}
 	})
	$('form#contact').submit(function(){
		if(validateForm()){
			return true;
		}
		else{
			
			return false;
		}
	})
}

function validateForm(){
	if(($('#contact input[name=spam]').val() == "10")&&($('#contact textarea[name=message]').val() != "")){
		return true;
	}
	else {
		if ($('#contact input[name=spam]').val() != "10") {
			$('#contact input[name=spam]').css({
				"background-position" : "-1px -167px"
			})
		}
		else {
			$('#contact input[name=spam]').css({
				"background-position" : "-1px -111px"
			})
		}
		if ($('#contact textarea[name=message]').val() == ""){
			$('#contact textarea[name=message]').css({
				"background-position" : "-408px -111px"
			})
		}
		else {
			$('#contact textarea[name=message]').css({
				"background-position" : "-204px -111px"
			})
		}
		return false;
	}
}

function pageLoad(){
	$('.portitem:first').css({clear : "both"});
}

function portfolio(){
	
	$('.portitem').hover(function(){
		$(this).animate({top:'-3px'},100).css({background:"url('http://www.mjmfx.com/wp-content/themes/mjmfxnew/images/whitebg.png') repeat top left"});
	},function(){
		$(this).css({top:'0px',background:'none'});
	})



}