// Avon Gorge  Hotel JavaScript
// Author: Webscript Designs Limited
// Copyright April 2007
// All rights reserved

$(document).ready(function(){
						   

	// hide non-javascript fields

	$("#text-logo").addClass("hidden");					   
  	$("#image-logo").removeClass("hidden");

	$("#submit-btn").addClass("submit");


	$("#date-field").addClass("hidden");					   
	$("#calendar-field").removeClass("hidden");

	$("select.linkselect").linkselect(); // convert selects to CSS
	
	$('#date-id').datePicker({
		clickInput:true
	});
	
	
	$('#header-image').flash({
							 		
		swf: '/flash/slideshow.swf',
 		height: '250',   
		width: '750',
		bgcolor: '#ffffff',
		wmode: 'transparent',
		
			flashvars: {

				section: main_nav,
				page: sub_nav
			}
	});
	
	$('#thumb-gallery').flash({
							 		
		swf: '/flash/thumbnails.swf',
 		height: '165',   
		width: '215',
		bgcolor: '#ffffff',
		wmode: 'transparent',
		
			flashvars: {

				display_limit: 2
			}
	});
	
	
	$("#nav li").hover(
		function(){
			$(this).addClass("over");
		},
		function(){
			$(this).removeClass("over");
		}
	);


	
	// mask the input to date format only
	$("#booking-form input[name='datein']").mask("99/99/9999");	   
	$("#booking-form input[name='date']").datePicker().val(new Date().asString()).trigger('change');




	$("#booking-form").submit(function(){
								
								
		// copy datepicker dates into selects
		var chosenDate = $("#booking-form input[name='datein']").val().split("/");

		 $('#date-id').val(parseInt(chosenDate[1])+"/"+parseInt(chosenDate[0])+"/"+parseInt(chosenDate[2]));		
		
		
		
		// select relevant options - use parseInt to remove leading zeros
		$("#booking-form select[name='DD1']").val(parseInt(chosenDate[0]));
		$("#booking-form select[name='MM1']").val(parseInt(chosenDate[1]));
		$("#booking-form select[name='YY1']").val(parseInt(chosenDate[2]));
				
	});
	
	SetDate();
	

});


function SetDate() {
	// Set date in the calendar box
	
	var d = new Date();
	var dd = d.getDate();
	
	if (dd <= 9) {
		dd = '0'+dd;	
	}
	
	var mm = d.getMonth();
	
	mm = mm +1;
	
	if (mm <= 9) {
		mm = '0'+mm;	
	}
	
	var yy = d.getFullYear();	
	var fulldate = (dd+'/'+mm+'/'+yy);
	//var fulldate = (dd+'/'+mm+'/'+yy);	
	$("#date-id").val(fulldate);
	
}


// Prepare to show a date picker linked to three input controls  
/*function readLinked() {  
    $('#date-id').val($('#month1').val() + '/' +  
        $('#dd1').val() + '/' + $('#yy1').val());  
    return {};  
} */ 
  
// Update three input controls to match a date picker selection  
function updateLinked(date) {  
    $('#mm1').val(date.substring(0, 2));  
    $('#dd1').val(date.substring(3, 5));  
    $('#yy1').val(date.substring(6, 10));  
}


function startList() {
	if(document.all && document.getElementById){
		var sfEls = document.getElementById("nav").getElementsByTagName("LI");
		for (var i=0; i<sfEls.length; i++) {
			sfEls[i].onmouseover=function() {
				this.className+=" over";
			}
			sfEls[i].onmouseout=function() {
				this.className=this.className.replace(new RegExp(" over\\b"), "");
			}
		}
	}
}

window.onload=startList;

function navigation(){

//collapse/expand menus
	var sections = new Array("hotel","about","dining","rooms","business","events","special-offers","special-events");
	
	for(i=0; i<sections.length; i++){
		c_section = sections[i];
		if(document.getElementById("nav-section-" + c_section) && window.sub_nav){
			if(sections[i] != sub_nav){
				document.getElementById("nav-section-" + c_section).className = "hide";
			}else{
				document.getElementById("nav-section-" + c_section).className = "show";
			}
		}
	}
	
	//highlight relevant links
	if(window.main_nav && document.getElementById("main-nav-" + main_nav)){
		document.getElementById("main-nav-" + main_nav).className = "on";
	}
	if(window.sub_nav && document.getElementById("sub-nav-" + sub_nav)){
		document.getElementById("sub-nav-" + sub_nav).className = "on";
	}
	if(window.sub_sub_nav && document.getElementById("sub-sub-nav-" + sub_sub_nav)){
		document.getElementById("sub-sub-nav-" + sub_sub_nav).className = "on";
	}

}