// JavaScript Document
// add the booking overlay to the html page

var $bookingMask;
var $bookingJframe;
var $bookingContent;
var $basketPreviewBox;

function showBookingFrame () {
	// remove scrollbars
	$("body").css("overflow","hidden");
	$bookingMask.fadeIn(200);
	$bookingJframe.fadeIn(500);
}
function closeBookingFrame () {
	// reinstate scrollbars
	$("body").css("overflow","auto");
		
	$bookingMask.fadeOut(400);
	// fade out and clear frame
	$bookingJframe.fadeOut(50,function () {
		$bookingContent.html("");					   
	});
	
	basketPreview();
	
}
function bookEvent ( bookURL ) {
	$bookingContent.loadJFrame(bookURL,function () {
		showBookingFrame();								   
	});
}
function bookDate ( bookURL ) {
	bookEvent( bookURL );
}
function loadBookPage ( bookURL ) {
	//alert(bookURL);
	$bookingContent.loadJFrame(bookURL);
}

function basketPreview() {
	
	$basketPreviewBox.css("display","none");
	
	$.get("/booking/basket.php", function(data){
	 //alert("Data Loaded: " + data);
	  if (data != "empty") {
		 $basketPreviewBox.html(data);
		 $basketPreviewBox.fadeIn("fast");
	  }
	});
}

function checkout() {
	bookEvent("/booking/checkout.php");
}
function showErrors( errorMsg ) { alert(errorMsg); }


$(document).ready(function () {					
	$("body").append('<div id="bookBasketQuickView"></div><div id="bookingMask"></div><div id="bookingFrame"><div id="bookingContent"></div><div id="bookingClose"><img src="/booking/images/x.gif" alt="x" width="12" height="12" /></div></div>');
	
	$bookingMask = $("#bookingMask");
	$bookingMask.click(closeBookingFrame);
		
	$bookingJframe = $("#bookingFrame");
	$bookingContent = $("#bookingContent",$bookingJframe);

	$basketPreviewBox = $("#bookBasketQuickView");
	
	$("#bookingClose",$bookingJframe).click(closeBookingFrame);
	
	
	basketPreview();
	
});