﻿// ArTech Menu Settings
var MouseOutDelay = 500; // delay (in miliseconds) to hide the menu
var MouseOutTimer = null; // The timer object
var NumberOfNodes = 5;
var OffsetY = 0;
var OffsetX = -5;
var ActiveNodeID = -1;
var CurrentNodeID = -1;

function ShowNode(nodeID)
{
    ActiveNodeID = nodeID;
    var menuNode = document.getElementById("Node" + nodeID);
    var nodeImg = document.getElementById("Img" + nodeID);

    if((menuNode) && (menuNode.className == "ArTechMenuNodeHidden"))
    {
		var tmpID = new String();
        
        menuNode.className = "ArTechMenuNodeVisible";
        
        var localOffsetTop;
        var localOffsetLeft;

/*	    
	    if(navigator.userAgent.toLowerCase().indexOf("msie")> 0)
	    {
            localOffsetLeft = (GetOffsetLeft(nodeImg) + OffsetX);
            localOffsetTop = (GetOffsetTop(nodeImg) + nodeImg.height + OffsetY);
	    }
	    else
	    {
*/       
   	    if(nodeID > 0)
        {
            localOffsetLeft = (GetOffsetLeft(nodeImg) + OffsetX);
        }
        else
        {
            localOffsetLeft = GetOffsetLeft(nodeImg);
        }
        localOffsetTop = (GetOffsetTop(nodeImg) + nodeImg.height + OffsetY);
/*
	    }
*/	    
        menuNode.style.left = localOffsetLeft + "px";
	    menuNode.style.top = localOffsetTop + "px";
  
//		HideControlsUnderMenu();
    }
    for(i = 0; i <= NumberOfNodes; i++)
    {
        tmpID = i;
        if((tmpID) != nodeID)
        {
            HideNode(tmpID,false);
        }
    }
//    SetImage(ActiveNodeID, "On");
	if(MouseOutTimer != null)
	{
		window.clearTimeout(MouseOutTimer);
	}
}

function SetImage(nodeID, status)
{

	var nodeImg = document.getElementById("Img" + nodeID);
	var prevNodeID = (nodeID - 1);
		
	var prevNodeImg = document.getElementById("Img" + prevNodeID);
	  
	if(nodeID != CurrentNodeID)
	{
		if(status == "On")
		{
			if(nodeImg)
			{
				if(nodeID == (CurrentNodeID + 1))
					nodeImg.src = nodeImg.src.replace("_0.","_11.");
				if(nodeID == (CurrentNodeID - 1))
					nodeImg.src = nodeImg.src.replace("_1.","_111.");
				else
					nodeImg.src = nodeImg.src.replace("_0.","_11.");
			}
			
			if(prevNodeImg)
			{
				if(prevNodeID == CurrentNodeID )
					prevNodeImg.src = prevNodeImg.src.replace("_11.","_111.");
				if(prevNodeID == (CurrentNodeID - 2))
					prevNodeImg.src = prevNodeImg.src.replace("_0.","_1.");
				else
					prevNodeImg.src = prevNodeImg.src.replace("_0.","_1.");
			}			
		}
		if(status == "Off")
		{
			
			if(nodeImg)
			{
				if(nodeID == (CurrentNodeID + 1))
					nodeImg.src = nodeImg.src.replace("_11.","_0.");
				if(nodeID == (CurrentNodeID - 1))
					nodeImg.src = nodeImg.src.replace("_111.","_1.");
				else
					nodeImg.src = nodeImg.src.replace("_11.","_0.");
			}
			
			if(prevNodeImg)
			{
				if(prevNodeID == CurrentNodeID )
					prevNodeImg.src = prevNodeImg.src.replace("_111.","_11.");
				if(prevNodeID == (CurrentNodeID - 2))
					prevNodeImg.src = prevNodeImg.src.replace("_1.","_0.");
				else
					prevNodeImg.src = prevNodeImg.src.replace("_1.","_0.");
			}			
		}
	}
	
}
function KeepShowing()
{
	if(MouseOutTimer)
	{
		window.clearTimeout(MouseOutTimer);
	}
}

function FireHideNode(nodeID)
{
   MouseOutTimer = window.setTimeout("HideNode(" + nodeID + ",true)",MouseOutDelay);
}

function HideNode(nodeID, setImage)
{
    var menuNode = document.getElementById("Node" + nodeID);
	if(menuNode)
	{
		menuNode.className = "ArTechMenuNodeHidden";
	
	}
	SetImage(nodeID, "Off");
	
	if(setImage)
		ShowControlsUnderMenu();

}

/*	
	This section defines controls that need to be hidden
	when the dynamic dropdown of the menu is displayed 
	to avoid the menu showing behind other elements.
	
	This is prominently a IE6 bug
*/

var ControlsToHideOnMenu = new Array();
ControlsToHideOnMenu[0] = "DocFinderSearchType";
ControlsToHideOnMenu[1] = "AssetClassDiv";
ControlsToHideOnMenu[2] = "DistributionChannelDiv";

function HideControlsUnderMenu()
{
	for(i = 0; i < ControlsToHideOnMenu.length; i++)
	{
		if(document.getElementById(ControlsToHideOnMenu[i].toString()))
		{
			document.getElementById(ControlsToHideOnMenu[i].toString()).style.visibility = "hidden";
			document.getElementById(ControlsToHideOnMenu[i].toString()).style.display = "none";
			document.getElementById(ControlsToHideOnMenu[i].toString() + "_alt").style.display = "inline";
			document.getElementById(ControlsToHideOnMenu[i].toString() + "_alt").style.visibility = "visible";
			
		}
	}
}

function ShowControlsUnderMenu()
{
	for(i = 0; i < ControlsToHideOnMenu.length; i++)
	{
		if(document.getElementById(ControlsToHideOnMenu[i].toString()))
		{
			document.getElementById(ControlsToHideOnMenu[i].toString()).style.visibility = "visible";
			document.getElementById(ControlsToHideOnMenu[i].toString()).style.display = "inline";
			document.getElementById(ControlsToHideOnMenu[i].toString() + "_alt").style.display = "none";
			document.getElementById(ControlsToHideOnMenu[i].toString() + "_alt").style.visibility = "hidden";
		}
	}
}