$(document).ready(function () {

	var triggers = $("a.form").overlay({
		    // some expose tweaks suitable for modal dialogs
		    expose: {
		        color: '#333',
		        loadSpeed: 200,
		        opacity: .9
		    }

		});

	$("#submit").click(function(){
		$(".error").hide();
		var hasError = false;
		var emailReg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/;

		/*var emailToVal = $("#emailTo").val();
		if(emailToVal == '') {
			$("#emailTo").after('<span class="error">You forgot to enter the email address to send to.</span>');
			hasError = true;
		} else if(!emailReg.test(emailToVal)) {
			$("#emailTo").after('<span class="error">Enter a valid email address to send to.</span>');
			hasError = true;
		}*/

		var nameVal = $("#name").val();
		if(nameVal == '') {
			$("#name").after('<span class="error">You forgot to enter your name.</span>');
			hasError = true;
			$("#name").addClass("redBorder");
		}else{
			$("#name").removeClass("redBorder");
		}



		var emailFromVal = $("#emailFrom").val();
		if(emailFromVal == '') {
			$("#emailFrom").after('<span class="error">You forgot to enter your email address.</span>');
			hasError = true;
			$("#emailFrom").addClass("redBorder");
		} else if(!emailReg.test(emailFromVal)) {
			$("#emailFrom").after('<span class="error">Enter a valid email address to send from.</span>');
			hasError = true;
			$("#emailFrom").addClass("redBorder");
		}else{
			$("#emailFrom").removeClass("redBorder");
		}

		var reasonVal = $("#reason").val();

		var messageVal = $("#comment").val();
		if(messageVal == '') {
			$("#comment").after('<span class="error">You forgot to enter the message.</span>');
			hasError = true;
			$("#comment").addClass("redBorder");
		}else{
			$("#comment").removeClass("redBorder");
		}


		if(hasError == false) {
			//$(this).hide();
			//$("#form").append('<img src="/img/loading.gif" alt="Loading" id="loading" />');
			//$("#intro").html('<h1>Success</h1><p>Your email was sent.</p>');
			triggers.overlay().close();
			$.post("/sendemail.php",
   				{ nameFrom: nameVal,  emailFrom: emailFromVal, reason: reasonVal,   message: messageVal },
   					function(data){

							$("#intro").hide();
							$("#intro").html('<h1>Thanks!</h1>Your email was sent.');
							$("#intro").fadeIn();
							pageTracker._trackPageview("/form-sent");



   					}
				 );
		}

		return false;
	});





// horizontal scrollables. each one is circular and has its own navigator instance
var horizontal = $(".scrollable").scrollable({size: 1}).circular().navigator(".navi");


// when page loads setup keyboard focus on the first horzontal scrollable
horizontal.eq(0).scrollable().focus();




});