var myMenu1 = new ypSlideOutMenu("menu1", "down", -1000, 38, 160, 400)
var myMenu2 = new ypSlideOutMenu("menu2", "down", -1000, 38, 160, 400)
var myMenu3 = new ypSlideOutMenu("menu3", "down", -1000, 38, 160, 400)
var myMenu4 = new ypSlideOutMenu("menu4", "down", -1000, 38, 168, 400)

// for each menu, we set up hte onactivate event to call repositionMenu with the amount offset from center, in pixels
myMenu1.onactivate = function() { repositionMenu(myMenu1, 50); }
myMenu2.onactivate = function() { repositionMenu(myMenu2, -211); }
myMenu3.onactivate = function() { repositionMenu(myMenu3, -58); }
myMenu4.onactivate = function() { repositionMenu(myMenu4, 140); }

// this function repositions a menu to the speicified offset from center
function repositionMenu(menu, offset)
{
// the new left position should be the center of the window + the offset
	var newLeft = getWindowWidth() / 2 + offset;

// setting the left position in netscape is a little different than IE
	menu.container.style ? menu.container.style.left = newLeft + "px" : menu.container.left = newLeft;
}
 
// this function calculates the window's width - different for IE and netscape
function getWindowWidth()
{
	return window.innerWidth ? window.innerWidth : document.body.offsetWidth;
}	


ypSlideOutMenu.writeCSS();

$(document).ready(function(){
						   
	var container = $('div#ClientValidationSummary');
	// validate the form when it is submitted
    if(document.getElementById("contactForm") != null){
	$("#contactForm").validate({	
		errorContainer: container,
		errorLabelContainer: $("ol", container),
		wrapper: 'li',
		meta: "validate",
		event: "keyup"
	});
	}
	var container = $('div#ClientValidationSummary2');
	if(document.getElementById("newsletterSubscription") != null){
	// validate the form when it is submitted
	$("#newsletterSubscription").validate({
		errorContainer: container,
		errorLabelContainer: $("ol", container),
		wrapper: 'li',
		meta: "validate",
		event: "keyup"
	});
	
	}
	var container = $('div#ClientValidationSummary3');
	if(document.getElementById("bookingForm") != null){
	// validate the form when it is submitted
	$("#bookingForm").validate({
		errorContainer: container,
		errorLabelContainer: $("ol", container),
		wrapper: 'li',
		meta: "validate",
		event: "keyup"
	});
	}
	
});


function imagesPreloader() 
{
     var i = 0;
     imageObj = new Image();
     images = new Array();
     images[0]="../images/menu-booking-over.png"
     images[1]="../images/menu-company-over.png"
     images[2]="../images/menu-contactus-over.png"
     images[3]="../images/menu-homepage-over.png"
     images[4]="../images/menu-partners-over.png"
     images[5]="../images/menu-photogallery-over.png"
     images[6]="../images/menu-services-over.png"	 

     for(i=0; i<=6; i++) { imageObj.src=images[i];  }
}
function validateFrmBooking() {
	
}



function toggleDivCatering(){
	
	$("#divCatering").toggle();
	}


function cateringClose(oDiv)
{
 fld = document.getElementById(oDiv);
 fld.style.display ='none';
}

function cateringOpen(oDiv)
{
 fld = document.getElementById(oDiv);
 fld.style.display ='block';
}

function alcoholClose(oDiv)
{
 fld = document.getElementById(oDiv);
 fld.style.display ='none';
}

function alcoholOpen(oDiv)
{
 fld = document.getElementById(oDiv);
 fld.style.display ='block';
}

function deliveryClose(oDiv)
{
 fld = document.getElementById(oDiv);
 fld.style.display ='none';
}

function deliveryOpen(oDiv)
{
 fld = document.getElementById(oDiv);
 fld.style.display ='block';
}
function showHideDiv(target){
	$("#experience"+target).FoldToggle(500, 20, null, 'bounceout');return false;
}