// JavaScript Document

$(document).ready(function() { 
	if($(".menuMainContainer").length > 0 ){
		//delay the menu construction in order safari has correct element heights
		setTimeout("generateMenu()",100);
		//generateMenu();
	}
	jQuery.cssRule('.menuMainContainer .menuFront',"position:absolute; left:0px; top:20px");
	jQuery.cssRule('.menuMainContainer .menuBack',"position:absolute; left:0px; top:0px");
	
});

var limitScrollUp = 0;

/****************
################# initiate menu functionality ################################################################## 
****************/

function generateMenu(){
	var menuFrontContentHeigth = $(".menuFrontContent").innerHeight();
	var menuVisibleHeigth = 30;
	var menuBackOriginalTop = $('.menuBack').css("top");
	var menuFrontOriginalTop = $('.menuFront').css("top");
	var totalOverflowHidden = menuFrontContentHeigth;
	var menuBackOriginalHeigth = $(".menuBackContent").height() + menuVisibleHeigth;
	
	if($(".classeExcepcao").length > 0 ){
		//menu baixo
		limitScrollUp= -91;
		$(".menuMainContainer").css("top",-127);
		$(".menuFrontContent").css("padding-right",0);
	}else{
		//menu alto
		limitScrollUp = -218;
	}
	
	var limitBottom = menuBackOriginalHeigth + limitScrollUp;
	
	$(".menuFront").css("top",30);
	$(".site .menuBackContent").css({ height:totalOverflowHidden, overflow:"hidden" });

	/****************
	################# button to show hide menu content ##########################################################
	****************/

	$("#linkOpen").toggle(
		function () {
			$(".menuBack").animate({ top:limitScrollUp },'slow',function() { 
				$(this).parent().find('.menuFront').animate({top:limitBottom},'slow');
				$(".site .menuBackContent").animate({ height:menuBackOriginalHeigth},'slow',function() {
					$(this).css({ overflow:"visible" });
					//detect internet explorer
					fixOverflowContent(true);
				});																			 
			});
			$("#linkOpen").toggleClass('classeActiva');
			return false;
		},
		function () {
			$(".menuBackContent").css({overflow:"hidden" })
			$(".menuFront").animate({ top:menuVisibleHeigth },'slow');
			$(".menuBackContent").animate({ height:totalOverflowHidden},'slow',function() { 
				$(this).css({ height:totalOverflowHidden, overflow:"hidden" });
				$('.menuBack').animate({top:menuBackOriginalTop},"slow");	
			});
			$("#linkOpen").toggleClass('classeActiva');
			fixOverflowContent(false);
			return false;
		}
	);	
}

/****************
################# function to clone dreamweaver menu and place it in front of all other page content ################
if change == true clones menu, if change == false put it back on the original div and position
****************/

function fixOverflowContent(change){
	var offset = $(".menuBackContent").offset();
	var compensacao = 0;
	if(limitScrollUp == -91) { compensacao = -81; }
	if(limitScrollUp == -218) { compensacao = 46; }
	var offsetTop = offset.top;
	var offsetLeft = offset.left;
	
	if(change == true){
		var cloneContents = $.trim($(".site .menuBackContent").clone(true).html());
		$(".menuBackContentContainer .menuBackContent2").append(cloneContents);
		$(".site .menuBackContent").hide();
		$(".menuBackContentContainer").css({"position":"absolute", "left":49.5 + "px", "top":(offsetTop)  + "px"});
		var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
	}else if(change == false){
		$(".menuBackContentContainer .menuBackContent2").html("");
		$(".menuMainContainer .menuBackContent").show();	
	}	
}