// JavaScript Document



$(document).ready(function(){
	$("#contactForm").validate({	
	   /*submitHandler: function(form) {
	   submitContactForm();*/
	   errorContainer: "#formError",
	   errorLabelContainer: "#formError",
	   // wrapper: "p",
	   submitHandler: function() { submitContactForm() }
	});
});

$(document).ready(function(){
	
	var strInitEmailVal = "Enter your email address"				
	var strInitMsgVal = "write us a message..."
	
	$("#txtEmail").attr("value", strInitEmailVal)
	$("#txtMessage").attr("value", strInitMsgVal)
	
	$("#txtEmail").focus(function(){				
	if ($("#txtEmail").val() == strInitEmailVal){
		$("#txtEmail").attr("value", "")
	}
	
	if ($("#formSlider").is(":hidden")){
		$("#formSlider").slideDown("slow");						
	}
	});
	$("#txtMessage").focus(function(){
	if ($("#txtMessage").val() == strInitMsgVal){
		$("#txtMessage").attr("value", "")
	}
	});
	
});	
	
	function submitContactForm() {
		$.ajax({
			type: "post",
			url: "http://www.fitnessonaleash.com/server/contact.php" ,
			dataType: "text",
		//  data: "email="+$("#txtEmail").val()+"&message="+$("#txtMessage").val(),
			data: "email="+$("#txtEmail").val()+"&message="+$("#txtMessage").val(),
			beforeSend: function() {
				$("#formMessage").html("Sending message... ");
			},
			timeout: 5000,
			error: function(request,error) {
				//  $("#loading").addClass("hide");
				if (error == "timeout") {
					$("#formMessage").html("timeout error");
				}
				else {
					$("#formMessage").html("ERROR: " + error);
				}
			},
			success: function(request) {
				var t = eval( "(" + request + ")" ) ;
					$("#formMessage").html("Sending message... Message sent.");
				setTimeout(function(){ closeForm() }, 1000);
			} // End success
		}); // End ajax method
	}
	
	function closeForm(){
		$("#formTitle").html("<strong>Thank you</strong>");
		$("#formMessage").html("Thank you for your message. We will contact you shortly."); 
		$("#contactForm").slideUp("slow");
	}

        
        
$(function() {
    $('#cycling-content').cycle({
	prev:   	'#prev', 
    next:   	'#next', 
    timeout: 	6000,
	speed:		500
	});
});
 
