var min_width;
var min_height;	
var c_min_width;
var c_min_height;			
var fade = true;
var roomCombos;

// Jquery Init -------------------------------------------------------------------------
			
$(document).ready(function(){

	roomCombos = new Array();	
	roomCombos[0] = "1-175497";  // 1  Person
	roomCombos[1] = "2-175497";  // 2  People
	roomCombos[2] = "1-175498";  // 3  People
	roomCombos[3] = "2-175497";  // 4  People
	roomCombos[4] = "3-175497";  // 5  People
	roomCombos[5] = "3-175497";  // 6  People
	roomCombos[6] = "4-175497";  // 7  People
	roomCombos[7] = "4-175497";  // 8  People
	roomCombos[8] = "4-175497";  // 9  People
	roomCombos[9] = "5-175497";  // 10 People
	roomCombos[10] = "5-175497";  // 11 People
	roomCombos[11] = "6-175497";  // 12 People
	roomCombos[12] = "6-175497";  // 13 People
	roomCombos[13] = "7-175497";  // 14 People
	roomCombos[14] = "7-175497";  // 15 People
	

	// default
	min_width = $("#background_image").width();
	min_height = $("#background_image").height();
	
	c_min_width = $("#compact_header").width();
	c_min_height = $("#compact_header").height();

	resize_background();
	resize_compact();
	
	// Calendar
	
	$('#dateInput').gical();
	//$('#dateInput').change(function(){
	//	bookingInfoRequest($(this).attr("value"));
	//});
	
	$('#dateInput').change(function(){
		bookingInfoRequest(this.value);
	});
	
	
	// map popup
	$("#map_popup").fancybox({
		'frameWidth':	600,
		'frameHeight': 	400
	});

	
	$(".homepage-lightbox").fancybox();
	
	$(".adult_numbers").click(function(){
		$(".adult_numbers").removeClass("selected_number");
		$(this).addClass("selected_number");
		$("#adults").attr("value", $(this).html());
		
		roomComboMath();
	});
	
	function roomComboMath(){
	
		var NumAdults = Number($(".adult_numbers.selected_number").html());
		var NumChild = Number($(".child_numbers.selected_number").html());

		var comboIndex = (NumAdults + NumChild) - 1;
		
		var combo = roomCombos[comboIndex].split("-");
		$("#rooms").attr("value", combo[0]);
		$("#roomtypeid").attr("value", combo[1]);
	}
	
	$(".child_numbers").click(function(){
		if($(this).hasClass("selected_number")){
			$(".child_numbers").removeClass("selected_number");
			$("#children").attr("value", 0);
		}else{
			$(".child_numbers").removeClass("selected_number");
			$(this).addClass("selected_number");
			$("#children").attr("value", $(this).html());
		}
		
		roomComboMath();
	})
	
	$(".room_type").click(function(){
		$(".room_type").removeClass("selected_room_type");
		$(this).addClass("selected_room_type");
		if($(this).attr("id") == "single" || $(this).attr("id") == "twin"){
			$("#roomtypeid").attr("value", 175497);
		}else{
			$("#roomtypeid").attr("value", 175498);
		}
	});
	
	$("#booking_button").click(function(){
		if($("#dateIn").val() == ""){
			alert("You need to select a date on the calendar.");
		}else{
			$("form:first").submit();
		}
	});
	
	$(".hotspot").hover(function(){
		//$("#instructions").css("display","none");
		if(fade == true){
			fade = false;
			var target = "#" + $(this).attr("id") + "_detail";
			$(".crossFade").fadeOut("slow", function(){
				$(".crossFade").removeClass("crossFade");
				$(target).addClass("crossFade");
				$(target).fadeIn("slow", function(){ 
					fade=true; 
				});
			})
		}
		
	});

	
	// Corporate option
	// =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
	$(".corporate_option span").click(function(){
		$(".corporate_option span").removeClass("selected_option");
		$(this).addClass("selected_option");
		
		if($(this).html() == "Yes"){
			$("#code").fadeIn("slow");
			$("#booking_form").append("<input class='hidden' type='text' id='identifier' name='identifier' value='' />");
		}else{
			$("#code").css("display", "none");
			$("#identifier").remove();
		}
	});
	
	$("form").submit(function(){
		if($(this).attr("id") == "corporate_code"){
		var code = $("#code").val();
		//alert(code);
		$("#identifier").val(code);
		$(this).fadeOut("fast");
		return false;
		}
	});
	
/*
	function crossFade(target){
		fade = false;
		$(".crossFade").fadeOut("slow", function(){
			$(".crossFade").removeClass("crossFade");
			$(target).addClass("crossFade");
			$(target).fadeIn("slow", function(){ fade=true });
		})
	}
*/

});

// Background image on Window Resize -------------------------------------------------------------------

$(window).resize(function(){
	resize_background();
	resize_compact();
});

// Background resize Function -------------------------------------------------------------------------

function resize_background(){
	
	var target = $("#background_image");
	var window = $(window);
	var ratio = 1;
	var anchor_point = 200;
	var register_point = 400;
	
	if(window.width() > min_width){
		ratio = window.width() / min_width;
		target.css("marginLeft", 0);
	}else{
		// center to screen
		// For Museum Square, this aint needed.
		//var left_margin = (window.width() / 2) - (min_width / 2);
		//target.css("marginLeft", left_margin);
	}
	
	// now figure out anchor stuff
	var top = ((register_point * ratio) - anchor_point) * -1;
	
	target.width(min_width * ratio);
	target.height(min_height * ratio);
	target.css("marginTop", top);
	
	$("#trace").text(top);
	
	
}

function resize_compact(){

	//$("#compact_header").attr("width", $(window).width());

	var target = $("#compact_header");
	var window = $(window);
	var ratio = 1;
	var anchor_point = 0;
	var register_point = 50;
	
	if(window.width() > c_min_width){
		ratio = window.width() / c_min_width;
		target.css("marginLeft", 0);
	}else{
		// center to screen
		// For Museum Square, this aint needed.
		//var left_margin = (window.width() / 2) - (min_width / 2);
		//target.css("marginLeft", left_margin);
	}
	
	// now figure out anchor stuff
	var top = ((register_point * ratio) - anchor_point) * -1;
	
	target.width(c_min_width * ratio);
	target.height(c_min_height * ratio);
	target.css("marginTop", top);
	
	$("#trace").text(top);

	
	
}

// Booking Engine Ajax request -----------------------------------------------------------------------------------

function bookingInfoRequest(dateRange){
	dates = dateRange.split(",");
	//$.get("/booking/ajax", {start: dates[0], end: dates[1]}, function(data, statusText){
	//	alert(data);
	//});
}