var defaultVals = new Array(
	"name",
	"email",
	"phone");
defaultVals['name'] = 'Your name';	
defaultVals['email'] = 'Your email address';
defaultVals['phone'] = 'Your phone number';
$(document).ready(function() {
	
	$(".contactform #name, .contactform #email, .contactform #phone").each(function() {
		var fieldname = $(this).attr("id");
		if($(this).val()=="") {
			$(this).val(defaultVals[fieldname]);
			$(this).addClass("default-input");
		}
		else if($(this).val() == defaultVals[fieldname]) {
			$(this).addClass("default-input");
		}
		else {}
	});
	
	$(".contactform #name, .contactform #email, .contactform #phone").focus(function() {
		var fieldname = $(this).attr("id");
		if($(this).val() == defaultVals[fieldname]) {
			$(this).val("");
			if($(this).hasClass("default-input")) $(this).removeClass("default-input");
		}
	});
	$(".contactform #name, .contactform #email, .contactform #phone").blur(function() {
		var fieldname = $(this).attr("id");
		if($(this).val()=="") {
			$(this).val(defaultVals[fieldname]);
			$(this).addClass("default-input");
		}
	});
	
	//Do some simple validation on the form
	$(".contactform").submit(function() {
		var errorStr = '';

		$(".contactform #name, .contactform #email, .contactform #phone").each(function() {
			var fieldname = $(this).attr("id");
			if($(this).val()=="" || $(this).val() == defaultVals[fieldname]) {
				errorStr += 'You must enter ' + defaultVals[fieldname] + '<br>';
				$(this).addClass("input-error");
			}
		});
		if($(".service-checkbox:checked").length<1) {
			errorStr += 'Please choose at least one service that you\'re interested in';
		}
		
		if(errorStr != '') {
			$(".contactform").children(0).before('<div class="errors"><strong>Whoops! Please check the following:</strong><br> '+errorStr+'</div>');
			return false;
		}
		else {
			return true;
		}
	});
});