$(document).ready(function() {

// slideshow
    $('#homebanner')
		.before('<div id="slidenav"')
		.cycle({
			fx: 'fade',
			speed: 3000, 
			timeout: 1000, 
			pause: true,
			pager: '#slidenav'
	});



// appointment return
	$("#successdialog").dialog({ 
    	autoOpen: false, 
        modal: true 
  	}); 

	$("#errordialog").dialog({ 
    	autoOpen: false, 
        modal: true 
  	}); 


// submit 
	$("#submit").click(function(){
	    var errorTxt = ''; 
		$(".error").hide(); 
        var hasError = false; 
        var emailReg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/; 
        var thenameVal = $("#thename").val();
        var emailVal = $("#email").val(); 
        var phoneVal = $("#phone").val(); 
        var dateVal = $("#thedate").val(); 
        var timeVal = $("#time").val(); 

		var keyVal = $("#key").val();
			
      	if(thenameVal == '' | thenameVal == 'Name') { 
        	errorTxt=errorTxt+"Enter your Name.<br>"; 
            hasError = true;}

		if(emailVal == '' | emailVal == 'Email' | !emailReg.test(emailVal)) { 
        	errorTxt=errorTxt+"Enter your Valid email address.<br>"; 
            hasError = true;} 

		if(phoneVal == '' | phoneVal == 'Phone') { 
			errorTxt=errorTxt+"Enter your Phone Number.<br>"; 
            hasError = true;} 

		if(dateVal == '' | dateVal == 'Date') { 
			errorTxt=errorTxt+"Select an appointment date.<br>"; 
            hasError = true;} 


      	// did not pass validation.  show error dialog         
        if(hasError == true) { 
        	$('#errormessage').html(errorTxt); 
            $('#errordialog').dialog('open');} 
                     
     	// passed validation. submit form 
        else{ 
        	$(this).hide(); 
            $("#sendEmail buttons").append('submitting form'); 
                       
            $.post("appointmentsubmit.php", 
            	{ fname: thenameVal, appointmentdate:dateVal, appointmenttime:timeVal, email: emailVal, key:keyVal, phone: phoneVal }, 
            	function(data){
					if(data.trim()=="success"){
						$('#successdialog').dialog('open');
                        $("#sendEmail").slideUp("normal");
					}
					else{
					 	$('#errormessage').html('Your message appears to be spam.  Please refresh the page and try again.'); 
                    	$('#errordialog').dialog('open');}
                    } 
       		); 
       	} 
		return false; 
  	}); 

	autoFill($("#thename"), "Name");
	autoFill($("#email"), "Email");
	autoFill($("#phone"), "Phone");
	autoFill($("#thedate"), "Date");

	$(".homedate" ).datepicker({ minDate: 0 });

});

//function used by homepage to auto populate input boxes
function autoFill(id, v){
	$(id).css({ color: "#b2adad" }).attr({ value: v }).focus(function(){
		if($(this).val()==v){
			$(this).val("").css({ color: "#333" });
		}
	}).blur(function(){
		if($(this).val()==""){
			$(this).css({ color: "#b2adad" }).val(v);
		}
	});

}