var timeout;
var MenuCount = 3;
var CurrentMenuContent = "";
var CurrentImageID = "";
var CurrentImageOnPath = "";
var CurrentImageOffPath = "";

function LinkMenuMouseOver(MenuContentID, ImageID, ImageOnPath, ImageOffPath)
{
    //alert("LinkMenuMouseOver");
    if (timeout != null)
    {
        //We are coming from a different image button over
        if (CurrentImageID != "")
        {
            ImageRollOut(CurrentImageID, CurrentImageOffPath);
        }
        clearTimeout(timeout);
        timeout = null;

    }
    CurrentMenuContent = MenuContentID;
    CurrentImageID = ImageID;
    CurrentImageOnPath = ImageOnPath;
    CurrentImageOffPath = ImageOffPath;
    ToggleMenu("visible");
}

function LinkMenuMouseOut()
{
    //alert("LinkMenuMouseOut");
    timeout = setTimeout("ToggleMenu('hidden')",100);
}

function MenuMouseOver()
{
    //alert("MenuMouseOver");
    clearTimeout(timeout);
    timeout = null;
    ToggleMenu("visible");
}

function MenuMouseOut()
{
    //alert("MenuMouseOut");
    timeout = setTimeout("ToggleMenu('hidden')",100);
}

function ToggleMenu(Visibility)
{   
    //alert("ToggleMenu-" + CurrentMenuContent);
    HideMenuContent();
    if (CurrentMenuContent != "")
    {
        $get(CurrentMenuContent).style.visibility = Visibility;
    }
    if (Visibility == "visible")
    {
        //alert(CurrentMenuContent);
        if (CurrentMenuContent != "")
        {
            //show the one menu div
            $get(CurrentMenuContent).style.visibility = "visible";
            $get(CurrentImageID).src = CurrentImageOnPath;
        }
    }
    else
    {
        if (CurrentImageID != "")
        {
            $get(CurrentImageID).src = CurrentImageOffPath;
        }
    
        //Reset
        CurrentMenuContent = "";
        CurrentImageID = "";
        CurrentImageOnPath = "";
        CurrentImageOffPath = "";
    }
}

function HideMenuContent()
{
    for (i=1;i<=MenuCount; i++)
    {
       $get("Menu" + i).style.visibility = "hidden";
    }
}

function ImageRollOver(ControlID, ImagePath)
{
    $get(ControlID).src = ImagePath;
}

function ImageRollOut(ControlID, ImagePath)
{
    $get(ControlID).src = ImagePath;
}