// JavaScript Document

			$(document).ready(function(){
				//colorbox calls
				$(".simpleReservation").colorbox({width:"480px", inline:true, href:"#simpleReservation"});
				$(".fullReservation").colorbox({width:"900", inline:true, href:"#fullReservation"});
				$(".contact").colorbox({width:"500px", height:"680px", inline:true, href:"#contact"});
				$(".about").colorbox({width:"730px", inline:true, href:"#about"});
				$(".specialoffers").colorbox({width:"450px"});
				$(".modality").colorbox({width:"500px", inline:true, href:"#modality"});
				$(".oil").colorbox({width:"450px", inline:true, href:"#oil"});
				$(".detox").colorbox({width:"450px", inline:true, href:"#detox"});
				$(".pampering").colorbox({width:"450px", inline:true, href:"#pampering"});
				

				 $(".fullReservation").colorbox({onComplete: function(){
					$("#datepicker2").datepicker();
				 }});  
				
				//contact form oncomplete validation and submission
				$(".contact").colorbox({onComplete: function(){
				$("#contactform").validate({
					//errorContainer: "#errorMsg",
					//errorLabelContainer: "#errorMsg ol",
					//wrapper: "li", debug:true,
					errorElement: "div",
					errorClass: "error",
					//validClass: "success",
					 rules: {
						 fname: "required",
						 message: "required",
						 email: {
						   required: true,
						   email: true
						 }
					   }, //end rules
					   messages: {
						 fname: "Please tell us your name",
						 message: "Didn't you want to say something?",
						 email: {
						   required: "We need your email address to contact you",
						   email: "Must be in the format of name@domain.com"
						 } //end messages
					   },
					   
					submitHandler: function() { 
					// process form here  manually
				        $.post(  
						   "jquery-form/bin/contactprocess.php",  
							$("#contactform").serialize(),  
						   function(data){  
								alert(data);  
							 }  
						 ); //end post 
						 $('#contactsubmit').attr('disabled', 'disabled');
 
					  return false;				 

					}//end submit handler function
					}); //end contact form validate function
			}});  //contact form close on complete
				
				
				
				
				//simpleres form oncomplete validation and submission
				$(".simpleReservation").colorbox({onComplete: function(){
				$("#datepicker").datepicker({ maxDate: '+3m' }); //colorbox oncomplete datepicker calls
				$("#simpleReservationform").validate({
					//errorContainer: "#errorMsg",
					//errorLabelContainer: "#errorMsg ol",
					//wrapper: "li", debug:true,
					errorElement: "div",
					errorClass: "error",
					//validClass: "success",
					 rules: {
						 fname: {
							 required: true,
							 minlength: '2'
						 },
						  lname: {
							 required: true,
							 minlength: '2'
						 },
						 phone: {
							 required: true,
							 digits: true
						 },
						 datepicker: {
							 date: true
						 },
						 duration: "required",
						 email: {
						   required: true,
						   email: true
						 }
					   }, //end rules
					   messages: {
						 fname: {
							 required: "Please tell us your first name",
							 minlength: "You name is too short"
						 },
						  lname: {
							 required: "Please tell us your last name",
							 minlength: "You last name is too short"
						 },
						 datepicker: {
							 date: "Not a valid date"
						 },
						 phone: {
							 required: "A phone number is required",
							 digits: "Please use only numbers"
						 },
						 email: {
						   required: "We need your email address to contact you",
						   email: "Must be in the format of name@domain.com"
						 } 
					   },//end messages
					   
					submitHandler: function() { 
					// process form here  manually
				        $.post(  
						   "jquery-form/bin/simplereservationprocess.php",  
							$("#simpleReservationform").serialize(),  
						   function(data){  
								alert(data);  
							 }  
						 ); //end post 
						 $('#simpleReservationsubmit').attr('disabled', 'disabled');
 
					  return false;				 

					}//end submit handler function
					}); //end simple res form validate function     
			}});  //simple res form close on complete
				
				
			//fullres form oncomplete validation and submission
				$(".fullReservation").colorbox({onComplete: function(){
				$("#datepicker2").datepicker({ maxDate: '+3m' }); //colorbox oncomplete datepicker calls
				$("#fullReservationform").validate({
					//errorContainer: "#errorMsg",
					//errorLabelContainer: "#errorMsg ol",
					//wrapper: "li", debug:true,
					errorElement: "div",
					errorClass: "error",
					//validClass: "success",
					 rules: {
						 fname: {
							 required: true,
							 minlength: '2'
						 },
						  lname: {
							 required: true,
							 minlength: '2'
						 },
						 phone: {
							 required: true,
							 digits: true
						 },
						 datepicker2: {
							 date: true
						 },
						 duration: "required",
						 email: {
						   required: true,
						   email: true
						 }
					   }, //end rules
					   messages: {
						 fname: {
							 required: "Please tell us your first name",
							 minlength: "You name is too short"
						 },
						  lname: {
							 required: "Please tell us your last name",
							 minlength: "You last name is too short"
						 },
						 datepicker: {
							 date: "Not a valid date"
						 },
						 phone: {
							 required: "A phone number is required",
							 digits: "Please use only numbers"
						 },
						 email: {
						   required: "We need your email address",
						   email: "Must be in the format of name@domain.com"
						 } 
					   },//end messages
					   
					submitHandler: function() { 
					// process form here  manually
				        $.post(  
						   "jquery-form/bin/fullreservationprocess.php",  
							$("#fullReservationform").serialize(),  
						   function(data){  
								alert(data);  
							 }  
						 ); //end post 
						 $('#fullReservationsubmit').attr('disabled', 'disabled');
 
					  return false;				 

					}//end submit handler function
					}); //end full res form validate function     
			}});  //full form close on complete
				
				
		
			});//close document.ready