$(document).ready(function(){
						   
	whereyouare();
	
	function whereyouare() {
		//add css style to 'where you are' nav
		var page = $("body").attr('id');
		var pageLink = page.substring(0, page.length-4);
		pageLink = "#" + pageLink;
		//alert(pageLink);
		$(pageLink).addClass("navLocation");
	}

	
	$("#menu li a").click(function(event) {
		//find the id of the clicked item
		var clicked = $(this).attr('id');
		//only apply javascript functionality if the home link isn't clicked
		if (clicked != "home" && clicked != "hospitality")
		{
			//build variables to allow manipulation of the menu and photo divs
			var clickedLink = "#" + clicked;
			var clickedMenu = "#" + clicked + "Menu";
			var clickedPhoto = "#" + clicked + "Photo";
			//set all menus at low z-index level
			$(".submenu").css({"z-index": "1"});
			$(".menuphoto").css({"z-index": "1"});
			//bring selected to front
			$(clickedMenu).css({"z-index": "100"});
			$(clickedPhoto).css({"z-index": "100"});

			if ($(clickedMenu).css("left") != "0px")
			{
				//fade out existing menus and then reset there positions
				$("#content").find(".submenu").not(clickedMenu).animate({opacity: "hide"}, "fast", function() {
					//alert("all done");
					$("#content").find(".submenu").not(clickedMenu).css({"left": "-175px"});
				});
				$("#content").find(".menuphoto").not(clickedPhoto).animate({opacity: "hide"}, "fast", function() {
					//$("#content").find(".menuphoto").not(clickedMenu).css({left: "615px"});
				});
				//reset clicked menu location and opacity status and then animate menu opening - chain sequence so happens in order
				$(clickedMenu).css({left: "-175px"}).animate({opacity: "show"}, 0).animate({left: "0"}, "fast");
				$(clickedPhoto).css({left: "175px"}).animate({opacity: "hide"}, 0).animate({opacity: "show"}, "fast");
				
				$("#menu li a").removeClass("navLocation");
				$("#menu li a").removeClass("submenuOpen");
				$(clickedLink).addClass("submenuOpen");
				$("#closePanel").addClass("showPanel");
			} else {
				//animate menu closing
	  			$(clickedMenu).animate({left: "-175"}, "fast");
				$(clickedPhoto).animate({opacity: "hide"}, "fast");
				$(clickedLink).removeClass("submenuOpen");
				$("#closePanel").removeClass("showPanel");
				whereyouare()
			}
			event.preventDefault();
		}
    });
	
	
	//breadcrumb link
	$(".bcLink").click(function(event) {
		//find the id of the clicked item
		var clicked = $(this).attr('id');
		clicked = clicked.substring(0, clicked.length-2);
		//only apply javascript functionality if the home link isn't clicked
		if (clicked != "home" && clicked != "hospitality")
		{
			//build variables to allow manipulation of the menu and photo divs
			var clickedLink = "#" + clicked;
			var clickedMenu = "#" + clicked + "Menu";
			var clickedPhoto = "#" + clicked + "Photo";
			//set all menus at low z-index level
			$(".submenu").css({"z-index": "1"});
			$(".menuphoto").css({"z-index": "1"});
			//bring selected to front
			$(clickedMenu).css({"z-index": "100"});
			$(clickedPhoto).css({"z-index": "100"});

			if ($(clickedMenu).css("left") != "0px")
			{
				//fade out existing menus and then reset there positions
				$("#content").find(".submenu").not(clickedMenu).animate({opacity: "hide"}, "fast", function() {
					//alert("all done");
					$("#content").find(".submenu").not(clickedMenu).css({"left": "-175px"});
				});
				$("#content").find(".menuphoto").not(clickedPhoto).animate({opacity: "hide"}, "fast", function() {
					//$("#content").find(".menuphoto").not(clickedMenu).css({left: "615px"});
				});
				//reset clicked menu location and opacity status and then animate menu opening - chain sequence so happens in order
				$(clickedMenu).css({left: "-175px"}).animate({opacity: "show"}, 0).animate({left: "0"}, "fast");
				$(clickedPhoto).css({left: "175px"}).animate({opacity: "hide"}, 0).animate({opacity: "show"}, "fast");
				
				$("#menu li a").removeClass("navLocation");
				$("#menu li a").removeClass("submenuOpen");
				$(clickedLink).addClass("submenuOpen");
				$("#closePanel").addClass("showPanel");
			} else {
				//animate menu closing
	  			$(clickedMenu).animate({left: "-175"}, "fast");
				$(clickedPhoto).animate({opacity: "hide"}, "fast");
				$(clickedLink).removeClass("submenuOpen");
				$("#closePanel").removeClass("showPanel");
				whereyouare()
			}
			event.preventDefault();
		}
    });
	
	
	//close menu with the content area click
	$("#closePanel").click(function(event) {
		//find the id of the clicked item
		var clicked = $(this).attr('id');
		//only apply javascript functionality if the home link isn't clicked
		if (clicked != "home" && clicked != "hospitality")
		{
			//build variables to allow manipulation of the menu and photo divs
			var clickedLink = "#" + clicked;
			var clickedMenu = "#" + clicked + "Menu";
			var clickedPhoto = "#" + clicked + "Photo";
			//set all menus at low z-index level
			$(".submenu").css({"z-index": "1"});
			$(".menuphoto").css({"z-index": "1"});
			//bring selected to front
			$(clickedMenu).css({"z-index": "100"});
			$(clickedPhoto).css({"z-index": "100"});

			if ($(clickedMenu).css("left") != "0px")
			{
				//fade out existing menus and then reset there positions
				$("#content").find(".submenu").not(clickedMenu).animate({opacity: "hide"}, "fast", function() {
					//alert("all done");
					$("#content").find(".submenu").not(clickedMenu).css({"left": "-175px"});
				});
				$("#content").find(".menuphoto").not(clickedPhoto).animate({opacity: "hide"}, "fast", function() {
					//$("#content").find(".menuphoto").not(clickedMenu).css({left: "615px"});
				});
				//reset clicked menu location and opacity status and then animate menu opening - chain sequence so happens in order
				$(clickedMenu).css({left: "-175px"}).animate({opacity: "show"}, 0).animate({left: "0"}, "fast");
				$(clickedPhoto).css({left: "175px"}).animate({opacity: "hide"}, 0).animate({opacity: "show"}, "fast");
				
				$("#menu li a").removeClass("navLocation");
				$("#menu li a").removeClass("submenuOpen");
				$(clickedLink).addClass("submenuOpen");
				$("#closePanel").addClass("showPanel");
				$("#closePanel").removeClass("showPanel");
				whereyouare()
			} else {
				//animate menu closing
	  			$(clickedMenu).animate({left: "-175"}, "fast");
				$(clickedPhoto).animate({opacity: "hide"}, "fast");
				$(clickedLink).removeClass("submenuOpen");
				$("#closePanel").removeClass("showPanel");
				whereyouare()
			}
			event.preventDefault();
		}
    });
		
});