$(document).ready(function () {

  $("#phone,#email").hide();

  $('#slider-images').cycle({ 
    delay:  5000, 
    speed:  500
  });
  
  $("#checkin").datepicker({ dateFormat: 'MM d, yy' });
  $("#checkout").datepicker({ dateFormat: 'MM d, yy' });
  
  $("#checkinr").datepicker({ dateFormat: 'MM d, yy' });
  $("#checkoutr").datepicker({ dateFormat: 'MM d, yy' });

  $("#country").change( function() {
	
	if( $(this).val() == "United States" )
	{
		if(!$("#statebox").length > 0)
		{
			$("#staterow").html("<table id=\"statebox\"><tr><th>State:</th><td><select id=\"state\" name=\"state\">"+echostates()+"</select></td></tr></table>\n");
			$("#staterow").slideDown();
		}
	}
	else if( $(this).val() == "Canada" )
	{
		if(!$("#provincebox").length > 0)
		{	
			$("#staterow").html("<table id=\"provincebox\"><tr><th>Province:</th><td><select id=\"province\" name=\"province\">"+echoprovinces()+"</select></td></tr></table>\n");
			$("#staterow").slideDown();
		}
	}
	else
	{
		$("#staterow").slideUp("medium",function(){$("#staterow").empty();});
	}
  });

  
});






function echostates()
{
	return "<option selected=\"selected\" value=\"0\">Select a State</option>"+
                    "<option value=\"AK\">Alaska</option>"+
                    "<option value=\"AL\">Alabama</option>"+
                    "<option value=\"AR\">Arkansas</option>"+
                    "<option value=\"AZ\">Arizona</option>"+
                    "<option value=\"CA\">California</option>"+
                    "<option value=\"CO\">Colorado</option>"+
                    "<option value=\"CT\">Connecticut</option>"+
                    "<option value=\"DC\">Washington D.C.</option>"+
                    "<option value=\"DE\">Delaware</option>"+
                    "<option value=\"FL\">Florida</option>"+
                    "<option value=\"GA\">Georgia</option>"+
                    "<option value=\"HI\">Hawaii</option>"+
                    "<option value=\"IA\">Iowa</option>"+
                    "<option value=\"ID\">Idaho</option>"+
                    "<option value=\"IL\">Illinois</option>"+
                    "<option value=\"IN\">Indiana</option>"+
                    "<option value=\"KS\">Kansas</option>"+
                    "<option value=\"KY\">Kentucky</option>"+
                    "<option value=\"LA\">Louisiana</option>"+
                    "<option value=\"MA\">Massachusetts</option>"+
                    "<option value=\"MD\">Maryland</option>"+
                    "<option value=\"ME\">Maine</option>"+
                    "<option value=\"MI\">Michigan</option>"+
                    "<option value=\"MN\">Minnesota</option>"+
                    "<option value=\"MO\">Missourri</option>"+
                    "<option value=\"MS\">Mississippi</option>"+
                    "<option value=\"MT\">Montana</option>"+
                    "<option value=\"NC\">North Carolina</option>"+
                    "<option value=\"ND\">North Dakota</option>"+
                    "<option value=\"NE\">Nebraska</option>"+
                    "<option value=\"NH\">New Hampshire</option>"+
                    "<option value=\"NJ\">New Jersey</option>"+
                    "<option value=\"NM\">New Mexico</option>"+
                    "<option value=\"NV\">Nevada</option>"+
                    "<option value=\"NY\">New York</option>"+
                    "<option value=\"OH\">Ohio</option>"+
                    "<option value=\"OK\">Oklahoma</option>"+
                    "<option value=\"OR\">Oregon</option>"+
                    "<option value=\"PA\">Pennsylvania</option>"+
                    "<option value=\"PR\">Puerto Rico</option>"+
                    "<option value=\"RI\">Rhode Island</option>"+
                    "<option value=\"SC\">South Carolina</option>"+
                    "<option value=\"SD\">South Dakota</option>"+
                    "<option value=\"TN\">Tennessee</option>"+
                    "<option value=\"TX\">Texas</option>"+
                    "<option value=\"UT\">Utah</option>"+
                    "<option value=\"VA\">Virginia</option>"+
                    "<option value=\"VT\">Vermont</option>"+
                    "<option value=\"WA\">Washington</option>"+
                    "<option value=\"WI\">Wisconsin</option>"+
                    "<option value=\"WV\">West Virginia</option>"+
                    "<option value=\"WY\">Wyoming</option>";
}

function echoprovinces()
{
	return "<option selected=\"selected\" value=\"0\">Select a Province</option>"+
	"<option value=\"AB\">Alberta</option>"+
	"<option value=\"BC\">British Columbia</option>"+
	"<option value=\"MB\">Manitoba</option>"+
	"<option value=\"NB\">New Brunswick</option>"+
	"<option value=\"NF\">New Foundland</option>"+
	"<option value=\"NT\">Northwest Territories</option>"+
	"<option value=\"NS\">Nova Scotia</option>"+
	"<option value=\"NT\">Nunavut</option>"+
	"<option value=\"ON\">Ontario</option>"+
	"<option value=\"PI\">Prince Edward Island</option>"+
	"<option value=\"PQ\">Quebec</option>"+
	"<option value=\"SA\">Saskatchewan</option>"+
	"<option value=\"YT\">Yukon Territory</option>";
}






function sendwithajax()
{

  var error_exists;

  // if there are previous errors, clear them
  if($("div.error").size() > 0)
  {
    $("div.error").slideUp("medium",function () {
      $("div.error").remove();
      error_exists = validateInput();
      if(!error_exists)
        sendInfo();
    });
  }
  else // no previous errors
  {
      error_exists = validateInput();
      if(!error_exists)
        sendInfo();
  }

  return false;
}

function sendInfo()
{
  var fname = $("#fname").val();
  var lname = $("#lname").val();
  var email = $("#em").val();
  var phone = $("#po").val();
  var fphone = $("#phone").val();
  var femail = $("#email").val();
  var country = $("#country").val();
  
  var province = $("#province").val();
  var state = $("#state").val();
  
  var numadults = $("#numadultsr").val();
  var numchildren = $("#numchildrenr").val();
  
  var checkin = $("#checkinr").val();
  var checkout = $("#checkoutr").val();
  
  var comments = $("#comments").val();

         $.ajax({
         type: "POST",
         url: "http://www.villastranquilas.com/wp-content/themes/villastq/scripts/reserve.php",
         data: "fname="+fname+"&lname="+lname+"&country="+country+"&province="+province+"&state="+state+"&numadults="+numadults+"&numchildren="+numchildren+"&checkin="+checkin+"&checkout="+checkout+"&email="+email+"&phone="+phone+"&comments="+comments+"&submit=submit"+"&femail="+femail+"&fphone="+fphone,
         success: function(msg){
            $("#reservationform").slideUp("medium",function (){
            $("#reservationform").html(msg);
            $("#reservationform").css("text-align","center");
            $("#reservationform").slideDown("medium");
           });
         }
        });
}

function validateInput()
{

  var fname = $("#fname").val();
  var lname = $("#lname").val();
  var email = $("#em").val();
  var phone = $("#po").val();
  var country = $("#country").val();
  
  var numadults = $("#numadults").val();
  var numchildren = $("#numchildren").val();
  
  var checkin = $("#checkinr").val();
  var checkout = $("#checkoutr").val();
  
  var error_exists = 0;
  var emailReg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/;
  
  // error checking
  
  // check name
  if(fname == "")
  {
    error_exists = 1;
    $("#fname").before(errmess("Please enter your first name."));
    $("#fname").prev().slideDown("slow");  
  }
  
  // check name
  if(lname == "")
  {
    error_exists = 1;
    $("#lname").before(errmess("Please enter your last name."));
    $("#lname").prev().slideDown("slow");  
  }  
  
  // check email
  if(email == "")
  {
    error_exists = 1;
    $("#em").before(errmess("Please enter your email address."));
    $("#em").prev().slideDown("slow");
  }
  else if(!emailReg.test(email))
  {
    error_exists = 1;
    $("#em").before(errmess("Please enter a valid email address."));
    $("#em").prev().slideDown("slow");
  }

  // check phone
  if(phone == "")
  {
    error_exists = 1;
    $("#po").before(errmess("Please enter your phone number."));
    $("#po").prev().slideDown("slow");  
  } 
  
  // check phone
  if(country == 0)
  {
    error_exists = 1;
    $("#country").before(errmess("Please select your country."));
    $("#country").prev().slideDown("slow");  
  }   
  
  // check checkin
  if(checkin == "")
  {
    error_exists = 1;
    $("#checkinr").before(errmess("Please enter a check-in date."));
    $("#checkinr").prev().slideDown("slow");  
  } 
  
  // check checkout
  if(checkout == "")
  {
    error_exists = 1;
    $("#checkoutr").before(errmess("Please enter a check-out date."));
    $("#checkoutr").prev().slideDown("slow");  
  }    
  
  return error_exists;

}

  function errmess(message)
  {
    return "<div class=\"error\"><img src=\"http://www.androsdiving.com/wp-content/themes/androsdv/images/error.png\" style=\"vertical-align:text-bottom;padding:2px 5px 2px 0;\" /> "+message+"</div>";
  }

	function clearText(thefield){
	if (thefield.defaultValue==thefield.value)
	thefield.value = ""
	}

	function getText(thefield){
	if (thefield.value == "")
	thefield.value = thefield.defaultValue
	}
	
function contactwithajax()
{

  var error_exists;

  // if there are previous errors, clear them
  if($("div.error").size() > 0)
  {
    $("div.error").slideUp("medium",function () {
      $("div.error").remove();
      error_exists = validateContact();
      if(!error_exists)
        sendContact();
    });
  }
  else // no previous errors
  {
      error_exists = validateContact();
      if(!error_exists)
        sendContact();
  }

  return false;
}

function sendContact()
{
  var name = $("#name").val();
  var email = $("#em").val();
  var phone = $("#po").val();
  var femail = $("#email").val();
  var fphone = $("#phone").val();
  var comments = $("#comments").val();

         $.ajax({
         type: "POST",
         url: "http://www.villastranquilas.com/wp-content/themes/villastq/scripts/contact.php",
         data: "name="+name+"&email="+email+"&phone="+phone+"&comments="+comments+"&submit=submit&femail="+femail+"&fphone="+fphone,
         success: function(msg){
            $("#contactbox").slideUp("medium",function (){
            $("#contactbox").html(msg);
            $("#contactbox").slideDown("medium");
           });
         }
        });
}

function validateContact()
{

  var name = $("#name").val();
  var email = $("#em").val();
  var phone = $("#po").val();
  var comments = $("#comments").val();
  
  var error_exists = 0;
  var emailReg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/;
  
  // error checking
  
  // check name
  if(name == "Name")
  {
    error_exists = 1;
    $("#name").before(errmess("Please enter your name."));
    $("#name").prev().slideDown("slow");  
  }
  
  // check email
  if(email == "Email")
  {
    error_exists = 1;
    $("#em").before(errmess("Please enter your email address."));
    $("#em").prev().slideDown("slow");
  }
  else if(!emailReg.test(email))
  {
    error_exists = 1;
    $("#em").before(errmess("Please enter a valid email address."));
    $("#em").prev().slideDown("slow");
  }
  
  // check comments
  if(comments == "Comments")
  {
    error_exists = 1;
    $("#comments").before(errmess("Please enter a comment."));
    $("#comments").prev().slideDown("slow");
  }
  
  return error_exists;

}