var strCurrentMenu = null;
var strNextMenu = "";
var subMenuHeight = 27;
var animDuration = 300;
var searchVisible = false;
function ShowMenu(strMenu, cntMenuBtn)
{
    if(strCurrentMenu == null)
    {
		var topPos = $("#topmenu").offset();
		var btnPos= $(cntMenuBtn).offset();
		var btnX = btnPos.left - topPos.left;
		var btnWidth = $(cntMenuBtn).width();
		var topWidth = $("#topmenu").width();
		var menuWidth = $("#submenu_" + strMenu).width();
		var menuX = btnX + 1;
		if(menuX < 10)
		{
			menuX = 10;
		} else if((menuX + menuWidth) > topWidth) {
			menuX = (topWidth - (menuWidth + 10)) 
		}
		$("#submenu_" + strMenu).css({left:menuX});
		$("#submenu").animate({height:subMenuHeight}, animDuration, "easeOutQuad");
		$("#submenu_" + strMenu).animate({top:-1}, animDuration, "easeOutQuad");
		strCurrentMenu = strMenu;
	}
    else if(strCurrentMenu != strMenu) 
    {
        var menuToHide = strCurrentMenu;
        var menuToShow = strMenu;
        strCurrentMenu = null;
        $("#submenu_" + menuToHide).animate({top:(0- subMenuHeight)}, animDuration, "easeOutQuad", function()
            {
                ShowMenu(menuToShow, cntMenuBtn);
                
            }
        );
    }
}

function HideMenu()
{
    if(strCurrentMenu != null)
    {
        $("#submenu_" + strCurrentMenu).animate({top:(0- subMenuHeight)}, animDuration, "easeOutQuad", function()
            {
                strCurrentMenu = null;
            }
        );
    }
    $("#submenu").animate({height:1}, animDuration, "easeOutQuad");
}

function ShowSearchBox()
{
    HideMenu();
    if(!searchVisible)
    {
        searchVisible = true;
        topAnimation.setting.autoplay = false;
        $("#SearchBox").css({opacity:0});
        $("#TopAnimationBox").animate({opacity:0}, 300, "easeOutQuad", function()
            {
                $("#SearchBox").css({display:"block"});
                $("#TopAnimationBox").css({display:"none"});
                $("#BranchSearchBox").css({display:"none"});
                $("#formanSearchBox").css({display:"none"});
                $("#SearchBox").animate({opacity:1}, 300, "easeOutQuad");
            }
        );
	}
}
    

var strImageLoaded = "";

function CreateMenuMouseOver( url, strImageId )
{
	var imgId = "*" + strImageId + "*";
	if(strImageLoaded.indexOf(imgId, 0) < 0)
	{
		$('img#' + strImageId).hover(function() {
			$(this).attr("src","/images/" + url + strImageId + "_on.gif");
				}, function() {
    		$(this).attr("src","/images/" + url + strImageId + "_off.gif");
		});
		strImageLoaded += imgId;
	}
}