// Globals

// An optional string that gives the root of the menu files. This should be empty if 
// the "images", "css", and "js" folders are located at the root of the website. Otherwise
// specify the subfolder where those folders are located. Do not end the path with a "/".
var ROOTPREFIX = "";
//var ROOTPREFIX = "";

// The global timer that controls whether the active menu is shown
var TIMERID = null;
var TIMEOUT = 100; // timeout in ms

var SELECTEDNAVITEM;
//var VERTICALOFFSET = 0;

// 
//  Menu Navigation Objects
//

// NavMenu object.
// This is the main object that implements the dropdown menu. It encapsulates data
// and methods necessary to hide/show a particular menu at the appropriate time.
//
// Params:
//      sID: a string that must be unique among all the menus. It is used to construct element IDs, most 
//           notably for the div. Must be coordinated with image filenames for menu images (and rollovers).
//      nLeft: the pixel position of the left edge of the menu (with respect to entire document)
//      nTop: the pixel position of the top edge of the menu (with respect to entire document)
//      linkArray: an array of NavMenuItem objects to be used in the menu
//
function NavMenu(sID, nLeft, nTop, linkArray)
{
    // Allocate linkArray if not provided
    if( linkArray == null )
        linkArray = new Array(0);

    // Properties
    this.id = sID;
    this.left = nLeft;
    this.top = nTop;
    this.isActive = false;
    this.defaultStateIsOn = false;
    this.links = linkArray;
	this.sLink = null; // DINGO ADD: Selected sub item

    // Methods

    // writeDiv: writes the div to the page in a hidden state, ready to be shown at the correct location
    // when activated.
    this.writeDiv = function() 
    {
		// Figure out our index into the navMenus array
        var nIndex = -1;
        var nTemp = 0;
        for( nTemp = 0; nTemp < navMenus.length; nTemp++ )
        {
            if( navMenus[nTemp].id == this.id )
                nIndex = nTemp;
        }

        // If not found, return
        if( nIndex == -1 )
            return;
        // Write div
        document.writeln("<div id=\"navmenudiv_" + this.id + "\" style=\"position:absolute; left:" + this.left + "px; top:" + (VERTICALOFFSET + this.top) + "px; visibility:hidden;z-index:2000;\" onmouseout=\"StartTimer();\" onmouseover=\"StopTimer();\" class=\"navmenu\">");
		//image added to top of menu to simulate the bottom of the button
		//document.writeln("<img style='position:absolute; top:0px;' src=\"" + ROOTPREFIX + "/princeton/nav_top_" + this.id + ".gif\">");
		
		if( this.links.length > 0 )
        {
			document.writeln("<div style='position:absolute; top:1px;' class=\"navcontainer\">");

			var sMouseEvents = "";
            for( nTemp = 0; nTemp < this.links.length; nTemp++ )
            {
				sMouseEvents = " onmouseover=\"navMenus[" + nIndex + "].links[" + nTemp + "].mouseOver();\" onmouseout=\"navMenus[" + nIndex + "].links[" + nTemp + "].mouseOut();\"";
                document.writeln("<div " + sMouseEvents);
				//document.writeln(" style=\"padding-top:5px;padding-bottom:5px;\" ");
				if (this.links.length == nTemp+1) {document.writeln(" style=\"border-bottom:none;;\" ");}
				document.writeln(" id=\"navmenuitemtd_" + this.links[nTemp].id + "\" class=\"navmenuitem\"><a id=\"navmenuitemlink_" + this.links[nTemp].id + "\" href=\"" + this.links[nTemp].href + "\">" + this.links[nTemp].linkText + "</a>");
                document.writeln("</div>");
            }

            document.writeln("</div>");
        }
    
        document.writeln("</div>");
    }

    // mouseOver: called when the user mouses over the navigation element for the menu (the menu image).
    // activates the menu and deactivates all the others.
    this.mouseOver = function() 
    {
        // Clear any existing timers
        StopTimer();

        // Activate this menu
        this.activate();

        // Deactivate the others
        var nTemp = 0;
        for( nTemp = 0; nTemp < navMenus.length; nTemp++ )
        {
            if ( navMenus[nTemp].id != this.id ) {
				//navMenus[nTemp].deactivate();
				navMenus[nTemp].onOverAnother() ;
			}
        }
    }

    // mouseOut: called when the user mouses out of the navigation element for the menu (the menu image)
    // starts the timer which checks whether the menu should stay open
    this.mouseOut = function()
    {
        // Start timer 
        StartTimer();
    }

	this.onOverAnother = function() 
	{
		this.deactivate() ;	
		
		// DINGO ADD: Set to low button state
/*		var imgElem = document.getElementById("nav_" + this.id);
		//alert( "imgElem: " + imgElem ) ;
		if( imgElem != null && !this.defaultStateIsOn) {
		   imgElem.src = ROOTPREFIX + "/images/nav_" + this.id + ".gif";
		} else {
		   imgElem.src = ROOTPREFIX + "/images/nav_" + this.id + "_active.gif";
		}
*/
	}
	
	this.onOutAnother = function() 
	{
		//this.deactivate() ;	
		
		// DINGO ADD: Set to low button state
		// Switch to regular image
//        this.resetImageToDefault();
	}
	

    // activate: set rollover image and show the menu div
    this.activate = function()
    {		
		// Switch to rollover image
/*
	    var imgElem = document.getElementById("nav_" + this.id);
        if( imgElem != null )
           imgElem.src = ROOTPREFIX + "/images/nav_" + this.id + "_over.gif";  
*/
        // Show the div
        var menuDiv = document.getElementById("navmenudiv_" + this.id);
        if( menuDiv != null )
		{
			for( var i=0; i<this.links.length; i++ ) 
			{
				if( i==this.sLink )
				{ 
					// Switch to rollover image
/*
					var imgElem = document.getElementById("nav_" + this.links[i].id);
					if( imgElem != null )
					{
					   this.links[i].disable() ;
					   imgElem.src = ROOTPREFIX + "/images/nav_" + this.links[i].id + "_over.gif"; 
					}
*/
				}
			}
			
			
            menuDiv.style.visibility = "visible";
		}

        // Mark self as active
        this.isActive = true;
    }

    // deactivate: set regular image and hide the menu div
    this.deactivate = function()
    {
		// Switch to regular image
        //this.resetImageToDefault();
		
		
        // Hide the div
        var menuDiv = document.getElementById("navmenudiv_" + this.id);
        if( menuDiv != null )
            menuDiv.style.visibility = "hidden";
				
        // Mark self as inactive
        this.isActive = false;
		
		   
	
    }

    this.setDefaultStateOn = function(bDefaultOn,sIndex)
    {
        // Set default state
        this.defaultStateIsOn = bDefaultOn;
		this.sLink = sIndex ;
		
    }

    this.resetImageToDefault = function()
    {
        // Switch to regular image
	    var imgElem = document.getElementById("nav_" + this.id);
        if( imgElem != null )
        {
			//alert( "this.defaultStateIsOn: " + this.defaultStateIsOn );
           if( this.defaultStateIsOn )
               imgElem.src = ROOTPREFIX + "/images/nav_" + this.id + "_active.gif"; 
           else
               imgElem.src = ROOTPREFIX + "/images/nav_" + this.id + ".gif"; 
        }
    }
}

// NavMenuItem object.
// A simple object to store info about each link in the menu.
//
// Params:
//      sID: a string that must be unique among the full set menu items. It is used to construct element ids.
//      sHREF: the href where you want the link to go
//      sLinkText: the text to appear in the link
//
function NavMenuItem(sID, sHREF, sLinkText)
{
    // Properties
    this.id = sID;              // unique string used to construct ids for various elements; ex. "company_careers"
    this.href = sHREF;          // the href; ex. "company/careers.html"
    this.linkText = sLinkText;  // the link text; ex. "Careers"
	this.enabled = true ;
	
    // Methods

    // mouseOver: change styles of menu item
    this.mouseOver = function()
    {
		// Switch to rollover image
	    var imgElem = document.getElementById("nav_" + this.id);
        if( imgElem != null && this.enabled )
           imgElem.src = ROOTPREFIX + "/images/nav_" + this.id + "_over.gif"; 
    }

    // mouseOut: change styles of menu item
    this.mouseOut = function()
    {
        // Switch to regular image
	    var imgElem = document.getElementById("nav_" + this.id);
        if( imgElem != null && this.enabled )
			imgElem.src = ROOTPREFIX + "/images/nav_" + this.id + ".gif"; 
    }
	
	this.disable = function() 
	{
		this.enabled = false ;
	}
	
	this.enable = function() 
	{
		this.enabled = true ;
	}
}

// Global timer methods
function StartTimer()
{
    StopTimer();
    TIMERID = setTimeout("CheckMenuVis()", TIMEOUT);
}

function StopTimer()
{
    if( TIMERID != null )
    {
        clearTimeout(TIMERID);
        TIMERID = null;
    }
}

function CheckMenuVis()
{
    // Clear timer
    StopTimer();

    // Find active menu and deactivate it
    var nTemp = 0;
    for( nTemp = 0; nTemp < navMenus.length; nTemp++ )
    {
        if( navMenus[nTemp].isActive )
		{
            navMenus[nTemp].deactivate();
			
		}
		navMenus[nTemp].onOutAnother() ;
    }
	
}