//menu

//browser sniffer
var browserName=navigator.appName; 
var isNav = (navigator.appName.indexOf("Netscape")>=0);
var IE = document.all?true:false

//globals
var tableWidth = 0;
var currentMenuShowingID;
var nextMenuSelectedID;
var currentFlyoutMenuShowingID;
var cancelHideSubMenu = true; //cancel sub menu hide if mouseover sub
var cancelHideFlyoutMenu = true;
var subMenuShowing = false;
var flyoutMenuShowing = false;
var currentRowMousedOver = null;
var previousRowMousedOver = null;
var mousedOffTable = false;
var timeoutInterval = 1000;
var menuActive;
var mainActivatedFontColor;
var mainActivatedBGColor;
var mainDeactivatedLinkNonActiveFontColor;
var mainDeactivatedLinkActiveFontColor;
var subTableWidth;
var subTableOffsetX;
var subTableOffsetY;
var mainBGColor;
var arrSubTableWidth = new Array();

//************************************************************************************************************
var linkArray0 = new Array("traffic.aspx", "listview.aspx?typeID=1", "https://www.nysdot.gov/portal/page/portal/transportation-partners/nys-transportation-federation/travel-info-ny/winter-travel-advisory");
var linkArray1 = new Array("transit.aspx", "listview.aspx?typeID=2");
var linkArray2 = new Array("#", "tripplanner/default.aspx");

//var linkArray3 = new Array("ridesharesub.aspx?catID=0", 
//                           "ridesharesub.aspx?catID=1", 
//                           "ridesharesub.aspx?catID=2", 
//                           "ridesharesub.aspx?catID=3", 
//                           "ridesharesub.aspx?catID=4", 
//                           "ridesharesub.aspx?catID=5");
var linkArray3 = new Array("commuters.aspx", 
                           "employers.aspx");
                           
//var linkArray4 = new Array("travellinkssub.aspx?catID=6", 
//                           "travellinkssub.aspx?catID=7", 
//                           "travellinkssub.aspx?catID=8", 
//                           "travellinkssub.aspx?catID=9", 
//                           "travellinkssub.aspx?catID=10", 
//                           "travellinkssub.aspx?catID=11", 
//                           "travellinkssub.aspx?catID=12", 
//                           "travellinkssub.aspx?catID=13", 
//                           "travellinkssub.aspx?catID=14", 
//                           "travellinkssub.aspx?catID=15");
var linkArray4 = new Array("travellinks.aspx#airports", 
                           "automobile.aspx", 
                           "travellinks.aspx#bicycling", 
                           "travellinks.aspx#clean", 
                           "mobile.aspx", 
                           "travellinks.aspx#tourism", 
                           "travellinks.aspx#emergency", 
                           "commercialvehicles.aspx", 
                           "intermodal.aspx", 
                           "travellinks.aspx#ports", 
                           "travellinks.aspx#public", 
                           "travellinks.aspx#transportation",
                           "developer.aspx");

var flyArray0 = new Array("eventList.aspx?type=inc&listType=active&mode=traffic", 
                          "eventList.aspx?type=const&listType=active&mode=traffic", 
                          "eventList.aspx?type=specevt&listType=active&mode=traffic", 
                          "eventList.aspx?type=const&listType=future&mode=traffic", 
                          "eventList.aspx?type=specevt&listType=future&mode=traffic", 
                          "eventList.aspx?type=all&listType=active&mode=traffic")
                          
var flyArray1 = new Array("eventList.aspx?type=inc&listType=active&mode=transit", 
                          "eventList.aspx?type=const&listType=active&mode=transit",
                          "eventList.aspx?type=specevt&listType=active&mode=transit",
                          "eventList.aspx?type=const&listType=future&mode=transit",
                          "eventList.aspx?type=specevt&listType=future&mode=transit",
                          "eventList.aspx?type=all&listType=active&mode=transit")

var mainMenuArray = new Array("traffic.aspx", "transit.aspx", "tripplanner/default.aspx", "rideshare.aspx", "travellinks.aspx");

var flyOutArray0 = new Array("", "", "", "0");
var flyOutArray1 = new Array("", "", "1");

var flyItemCount = 6;   

var linkSel = "";
//*************************************************************************************************************


//set up parameters in case XML load fails
mainActivatedFontColor = "#006699";
mainActivatedBGColor = "#FFFFFF";
mainDeactivatedLinkNonActiveFontColor = "#FFFFFF";
mainDeactivatedLinkActiveFontColor = "#FFFFFF";
subMenuActivatedFontColor = "#006699";
subMenuDeactivatedFontColor = "#4192BB";
mainBGColor = "#006699";
subTableWidth = 174;

subTableOffsetX = -1;   //distance of sub table from the right of the main table
subTableOffsetY = 20;   //distance of sub table from the top of the main table row

// **************************** Keyboard Menu functions ***************************************************************
var token;

function onUnloaded(menuID, sender, keyEventArgs)
{            
    onDetach(sender, function(keyEventArgs) {      
    
     });
}

function onLoaded(j, s, menuID, itemCount, sender, keyEventArgs)
{         
    //var s = 0; 
    //var j = 0;
    var linkID = 0;    
    var id = '';
    var id2 = '';
    var flyID = "";
    var sender1;
    var sender2; 
    var senderFly;     
    var flag = 0;       
    var eofDown = 0;  
    var eofDownSub = 0; 
    var arrowR = 0;        
    var first = false;    
    
    var rgbActiveColor = "rgb(0, 102, 153)";
        
  
    activateMainMenu('Row' + menuID);      
              
    onEvent(sender, function(keyEventArgs) {                     
 
    if (keyEventArgs.keyCode == 9)     // TAB key
    {    
        j = 0;  // for main menu
        s = 0;  // for sub menu               
    }
   
    if (keyEventArgs.keyCode == 40)    // arrow DOWN
    {               
        var menuDown;
        var menuSenderDown;
        var mainDown = false;
        
         
        if (menuID == 0 || menuID == 1)
         {  
             for (i = 0; i < itemCount; i++)
             {         
                menuDown = 'td' + menuID + 'Row' + i;                
                menuSenderDown = document.getElementById(menuDown);           
                            
                if (menuSenderDown.style.color == subMenuActivatedFontColor)
                {
                    if (first == true)
                        mainDown = true;     
                }     
            }  
            first = true;           
        }         
        
        if (flag != 1 && mainDown == true && j <= itemCount - 1)
            j = j + 1;                                                                     

                                    
        if (arrowR == 0) 
        {    
            if (menuID == 0 && j == 3)
            {                        
                showFlyoutMenu(menuID, j, flyOutArray0[3])
                clearFlyMenu();                 
            }        
            else if (menuID == 1 && j == 2)
            {                        
                showFlyoutMenu(menuID, j, flyOutArray1[2])
                clearFlyMenu();                                                
            }
            else
            {
                clearFlyMenu();
                cancelHideFlyoutMenu = false;
                hideFlyoutMenu();                
            }
        }   
  
        var menuFlyDown;
        var menuFlySenderDown;
        var FlyDown = false;        
         
        if (menuID == 0 || menuID == 1)
         {
            if (flyoutMenuShowing == true) 
            {
                 for (i = 0; i < flyItemCount; i++)
                 {         
                    menuFlyDown = 'flyOut' + menuID + 'Item' + i;
                    menuFlySenderDown = document.getElementById(menuFlyDown);                        
                    
                    if (menuFlySenderDown.style.color.search("rgb") != -1)
                    { 
                        if (menuFlySenderDown.style.color == rgbActiveColor)
                            FlyDown = true;                         
                    }                                               
                                        
                    if (menuFlySenderDown.style.color == subMenuActivatedFontColor)                   
                        FlyDown = true;        
                                               
                }
            }
        }        
      
        if (flag != 1 && FlyDown == true && s <= flyItemCount - 1)
            s = s + 1;         
        
        if (FlyDown == false)
        {           
            for (i = 0; i < itemCount; i++)
            {  
                
                id2 = 'td' + menuID + 'Row' + i;               
              
                sender2 = document.getElementById(id2); 
                
                if (sender2 != null)
                    menuTDOut(sender2);            
            } 
        }
        else
        {
            for (i = 0; i < flyItemCount; i++)
            {  
               
                id2 = 'flyOut' + menuID + 'Item' + i;
              
                sender2 = document.getElementById(id2); 
                
                if (sender2 != null)
                    menuTDOut(sender2);            
            } 
        }           
         
             
        if (FlyDown == false)                          
            id = 'td' + menuID + 'Row' + j;                       
        else            
            id = 'flyOut' + menuID + 'Item' + s;        
                                 
                      
        sender1 = document.getElementById(id);  
        
        if (sender1 != null)              
            highlightMenuTD(sender1);            
                             
          
        if (FlyDown == false)    
            linkID = j;   
        else
            linkID = s;  
                   
        
        if (FlyDown == false)    
        {       
            if (j < itemCount - 1)
            {
                j = j + 1;
                eofDown = 0;
            }
            else
                eofDown = 1;          
        }
        else
        {
            if (s < flyItemCount - 1)
            {
                s = s + 1;
                eofDownSub = 0;
            }
            else
                eofDownSub = 1;  
        }
                                               
                    
        flag = 1;        
    }
    
    if (keyEventArgs.keyCode == 39)    // arrow RIGHT
    {          
        if (menuID == 0 && j == 3 || menuID == 1 && j == 2)
        {            
            if (flyoutMenuShowing == true)
            {                                    
                flag = 0;
                eofDown = 0;
                eofDownSub = 0;
                linkID = 0;            
         
                arrowR = 1;             
               
                clearFlyMenu();              
                
                flyID = 'flyOut' + menuID + 'Item0';          
                senderFly = document.getElementById(flyID);     
                   
                highlightMenuTD(senderFly);   
            }           
        }                  
    }    
    
    if (keyEventArgs.keyCode == 38)    // arrow UP
    {    
         var menuFly;
         var menuSender;         
         var flyUp = false;
         
         if (menuID == 0 || menuID == 1)
         {
             for (i = 0; i < flyItemCount; i++)
             {         
                menuFly = 'flyOut' + menuID + 'Item' + i;
                menuSender = document.getElementById(menuFly);   
                
                if (menuSender.style.color.search("rgb") != -1)
                    { 
                        if (menuSender.style.color == rgbActiveColor)
                            flyUp = true;                         
                    }             
                            
                if (menuSender.style.color == subMenuActivatedFontColor)
                    flyUp = true;                         
            }
        }
                
        //document.getElementById("TextBox10").value = j;  
       
        if (flyUp == false)
        {               
            if (flag != 2 && j > 0 && eofDown == 0)   
                j = j - 1;           
                   
            if (j > 0)        
                j = j - 1;
        }  
        else
        {
            if (flag != 2 && s > 0 && eofDownSub == 0)   
                s = s - 1;           
                   
            if (s > 0)        
                s = s - 1;
        }                      
        
        if (flyUp == false)
        {    
            if (menuID == 0 && j == 3)
            {            
                showFlyoutMenu(menuID, j, flyOutArray0[3])
            }        
            else if (menuID == 1 && j == 2)
            {           
                showFlyoutMenu(menuID, j, flyOutArray1[2])
            }
            else
            {
                cancelHideFlyoutMenu = false;
                hideFlyoutMenu();
            }
        } 
        
        if (flyUp == false)
        {                    
            for (i = 0; i < itemCount; i++)
            {                                   
                id2 = 'td' + menuID + 'Row' + i;                  
                           
                sender2 = document.getElementById(id2);
                
                if (sender2 != null)  
                    menuTDOut(sender2);                                           
            }           
        }
        else
        {
            for (i = 0; i < flyItemCount; i++)
            {                   
                id2 = 'flyOut' + menuID + 'Item' + i;       
                                               
                sender2 = document.getElementById(id2);
                
                if (sender2 != null)  
                    menuTDOut(sender2);                                           
            }   
        }                           
        
        if (flyUp == false)
            id = 'td' + menuID + 'Row' + j;
        else              
            id = 'flyOut' + menuID + 'Item' + s;            
        

        sender1 = document.getElementById(id);        
     
        if (sender1 != null)
            highlightMenuTD(sender1);             
        
        if (flyUp == false)
            linkID = j;
        else
            linkID = s;                                
               
                              
        flag = 2;                
    }          
    else if (keyEventArgs.keyCode == 13) // ENTER key
    {                                                        
        if (browserName.search("Explorer") == -1) 
        {                           
            focus();     
                                    
            forFireFox(flag, arrowR, menuID, linkID);           
           
        }
        else
        {                                      
            focus();      
            //setTimeout(function() { sender1.focus();} , 100);              
                                              
            if (flag == 0 && arrowR == 0)
                location.href = mainMenuArray[menuID];                               
            else
            {  
                if (arrowR == 0)
                {      
                    switch (menuID) {
                    case "0": location.href = linkArray0[linkID]; break;
                    case "1": location.href = linkArray1[linkID]; break;
                    case "2": location.href = linkArray2[linkID]; break;
                    case "3": location.href = linkArray3[linkID]; break;
                    case "4": location.href = linkArray4[linkID]; break;
                    //default: result = 'unknown';
                    }     
                }
                else{                
                    switch (menuID) {
                    case "0": location.href = flyArray0[linkID]; break;
                    case "1": location.href = flyArray1[linkID]; break;                
                    }   
                }  
            }
            location.target = '_parent';  
        }      
    }    
    else
    {
        //onDetach(sender, 'onKeyDown', function(keyEventArgs) {})
    }
   
    });    
    
}  

function dispPageInFireFox(link, parent)
{
    //alert(linkSel);
    if (linkSel == "")
    {
        location.href = link;  
        location.target = parent;
    }
}

function forFireFox(flag, arrowR, menuID, linkID)
{
                                
if (flag == 0 && arrowR == 0)
    {
        location.href = mainMenuArray[menuID];
        linkSel = mainMenuArray[menuID];
    }
else
{   
    //linkSel = "";
    
    if (arrowR == 0)
    {      
        switch (menuID) {
        case "0": location.href = linkArray0[linkID]; linkSel = linkArray0[linkID]; break;
        case "1": location.href = linkArray1[linkID]; linkSel = linkArray1[linkID]; break;
        case "2": location.href = linkArray2[linkID]; linkSel = linkArray2[linkID]; break;
        case "3": location.href = linkArray3[linkID]; linkSel = linkArray3[linkID]; break;
        case "4": location.href = linkArray4[linkID]; linkSel = linkArray4[linkID]; break;        
        }     
    }
    else{                
        switch (menuID) {
        case "0": location.href = flyArray0[linkID]; linkSel = flyArray0[linkID]; break;
        case "1": location.href = flyArray1[linkID]; linkSel = flyArray1[linkID]; break;                
        }   
    }  
}

location.target = '_parent';  
}

function clearMenu(menuID, itemCount)
{    
    var id;
    var sender;
    
    for (var i = 0; i < itemCount; i++)
    {
      id = 'td' + menuID + 'Row' + i;
      sender = document.getElementById(id);
      menuTDOut(sender);
    }              
}

function clearFlyMenu()
{   
    var id;
    var sender;
    
    for (var i = 0; i < 2; i++)
    {
        for (var j = 0; j < flyItemCount; j++)
        {
          id = 'flyOut' + i + 'Item' + j;
          sender = document.getElementById(id);
          menuTDOut(sender);
        }     
    }         
}

function onEvent(sender, fn)
{
    sender=document.getElementById(sender);
    // Set the root Canvas object to a KeyDown event-handler function.
    //token = document.addEventListener("onkeydown", fn);
    if (sender.attachEvent)   
        token = sender.attachEvent("onkeydown", fn);      
    else       
        token = sender.addEventListener("keydown", fn, false);        
         
}

function onDetach(sender, fn)
{
    sender=document.getElementById(sender);
    // Set the root Canvas object to a KeyDown event-handler function.   
    if (sender.attachEvent)   
        token = sender.detachEvent("onkeydown", fn);  
    else
        token = sender.removeEventListener("keydown", fn, false);
               
}

//function RGBtoHEX(rgb)
//{
//    var char = "0123456789ABCDEF";
//    
//    return String(char.charAt(Math.floor(rgb/16))) + String(char.charAt(rgb - (Math.floor(rgb/16)*16)));
//    
//}

//function pausecomp(millis) 
//{
//var date = new Date();
//var curDate = null;

//do { curDate = new Date(); } 
//while(curDate-date < millis);
//} 
// **************************************************************************************************************


function loadMenuProperties(){ 

    //customization
    var i = 0;
            
    try {
        initializeXmlHttp();
    
        //using async set to false - now code is synchronous 
        xmlhttp.open("GET", "./menu/menu.xml", true);
    
        xmlhttp.onreadystatechange = function () {
            if (xmlhttp.readyState == 4){
                var xmlDoc = xmlhttp.responseXML;
                
                if (xmlDoc != null)
                {
                    var elem = xmlDoc.getElementsByTagName("MenuAttributes");
    			
			        if (elem.length > 0) {
				        mainActivatedFontColor = xmlDoc.getElementsByTagName("mainActivatedFontColor")[0].firstChild.nodeValue;
                        mainDeactivatedLinkNonActiveFontColor = xmlDoc.getElementsByTagName("mainDeactivatedLinkNonActiveFontColor")[0].firstChild.nodeValue;
                        mainActivatedBGColor = xmlDoc.getElementsByTagName("mainActivatedBGColor")[0].firstChild.nodeValue;
                        mainActivatedFontColor = xmlDoc.getElementsByTagName("mainActivatedFontColor")[0].firstChild.nodeValue;
                        subTableWidth = parseInt(xmlDoc.getElementsByTagName("subTableWidth")[0].firstChild.nodeValue);
                        subTableOffsetX = parseInt(xmlDoc.getElementsByTagName("subTableOffsetX")[0].firstChild.nodeValue);
                        subTableOffsetY = parseInt(xmlDoc.getElementsByTagName("subTableOffsetY")[0].firstChild.nodeValue);
                        subMenuActivatedFontColor = xmlDoc.getElementsByTagName("subMenuActivatedFontColor")[0].firstChild.nodeValue;
                        subMenuDeactivatedFontColor = xmlDoc.getElementsByTagName("subMenuDeactivatedFontColor")[0].firstChild.nodeValue;
                        mainBGColor = xmlDoc.getElementsByTagName("mainBGColor")[0].firstChild.nodeValue;
                    }
                    
                    elem = null;
                    
                    //read in the width of each menu defined in the menu.xml doc.
                    elem = xmlDoc.getElementsByTagName("MainMenuItem");
                    
                    for (i = 0; i < elem.length; i++){
                        arrSubTableWidth[i] = elem.item(i).getAttribute("width");
                    }
                }
            }//end if xmlhttp.readystate = 4
        }
        
        xmlhttp.send(null);
    }
    catch (e){}
}

function showSubMenu(iRowID, iMainMenuID) {
    var mainMenuLink;
    
    //no subMenu available
    if (parseInt(iRowID) == -1) {
        if ((currentMenuShowingID != null) && (currentMenuShowingID != iMainMenuID)) {
            cancelHideSubMenu = false;
		    hideSubMenu('newRowActivated');
	    }
	    currentMenuShowingID = iMainMenuID;
        
	    var hideDivFrame = new getObj("hideDivFrame");
	    hideDivFrame.obj.style.display = "none";
        return false;
    }
    
    var subMenuSelected = new getObj("subMenu"+iRowID);
	var mainMenuRow = new getObj("Row"+iRowID);
    mainMenuLink = new getObj("Row" + iRowID + "Link");
    var subTableSelected = new getObj("subTable" + iRowID);
     
    cancelHideSubMenu = true;

	//position submenu that's been selected
	positionSubMenu(subMenuSelected, iRowID);
	 
	//close existing menu if one is opened
	if ((currentMenuShowingID != null) && (currentMenuShowingID != iRowID)) {
		cancelHideSubMenu = false;
		hideSubMenu('newRowActivated');
	}
	//display the sub menu
	subTableSelected.obj.style.width = subTableWidth + "px";

	//subTableSelected.obj.style.width = parseInt(arrSubTableWidth[iRowID]) + 2 + "px";
	subMenuSelected.obj.style.display = "block";
	         
	//let js know a submenu is currently displayed
	subMenuShowing = true;
	
	//slowly fade in the menu        
	//fadeSubMenu(0, iRowID);
	
	var hideDivFrame = new getObj("hideDivFrame");
	hideDivFrame.obj.style.width = subTableWidth;
	//hideDivFrame.obj.style.width = arrSubTableWidth[iRowID];
	hideDivFrame.obj.style.left = subMenuSelected.style.left;
	hideDivFrame.obj.style.top = subMenuSelected.style.top;
	
	//if height exists, use the height of the submenu. otherwise, hardcode to a size that should cover all boxes.
	if (parseInt(subMenuSelected.obj.clientHeight) > 0) {
	    hideDivFrame.obj.style.height = subMenuSelected.obj.clientHeight + "px";
	}
	else {
	    hideDivFrame.obj.style.height = "130px";
	}
	
	hideDivFrame.obj.style.display = "block";   
	
	currentMenuShowingID = iRowID;
	
}


function showFlyoutMenu(iSubMenuID, iRowID, iFlyoutID) {
    
    //close existing menu if one is opened
	if ((currentFlyoutMenuShowingID != null) && (iFlyoutID != currentFlyoutMenuShowingID)) {
		cancelHideFlyoutMenu = false;
		hideFlyoutMenu();
	}
	  
	if (iFlyoutID == "") {
	    return false;
	}  
	
    var flyoutMenuSelected = new getObj("flyoutMenu"+iFlyoutID);
	var subMenuRow = new getObj("subMenu"+iSubMenuID+"Row"+iRowID);
    var flyoutTableSelected = new getObj("flyoutTable" + iFlyoutID);
     
    cancelHideFlyoutMenu = true;
    cancelHideSubMenu = true;

	//position submenu that's been selected
	positionFlyoutMenu(flyoutMenuSelected, iRowID, iSubMenuID, iFlyoutID);
	 
	flyoutMenuSelected.obj.style.width = subTableWidth + "px";
	flyoutTableSelected.obj.style.width = subTableWidth + "px";
	flyoutMenuSelected.obj.style.display = "block";
	
	//let js know a submenu is currently displayed
	flyoutMenuShowing = true;
	
	var hideFlyoutDivFrame = new getObj("hideFlyoutDivFrame");
	//hideDivFrame.obj.style.width = subTableWidth;
	hideFlyoutDivFrame.obj.style.width = subTableWidth + "px";
	hideFlyoutDivFrame.obj.style.left = flyoutMenuSelected.style.left;
	hideFlyoutDivFrame.obj.style.top = flyoutMenuSelected.style.top;
	
	//if height exists, use the height of the submenu. otherwise, hardcode to a size that should cover all boxes.
	if (parseInt(flyoutMenuSelected.obj.clientHeight) > 0) {
	    hideFlyoutDivFrame.obj.style.height = flyoutMenuSelected.obj.clientHeight + "px";
	}
	else {
	    hideFlyoutDivFrame.obj.style.height = "130px";
	}
	
	hideFlyoutDivFrame.obj.style.display = "block";
	currentFlyoutMenuShowingID = iFlyoutID;
	
}

function callHideSubMenu() {
	//if sub menu is showing, wait 3 seconds to hide menu
	//otherwise deactivate row properties and sidebar properties
	//right away
	//this is done so that when user mouses off of table, we deactivate
	//the sidebar properties. Otherwise, if a submenu is showing, we wait
	//a few seconds to deactivate
	
	if (subMenuShowing) {
	    setTimeout('hideSubMenu()',timeoutInterval);
	}
	else {
	    hideSubMenu();
	}	
}

function hideSubMenu(deactivateType) {
    
    if (flyoutMenuShowing) {
	    hideFlyoutMenu();
	}
	
    if (currentMenuShowingID != undefined) {
        
        var mainMenuLink = new getObj("Row" + currentMenuShowingID + "Link");
		var mainMenuRow = new getObj("Row"+currentMenuShowingID);
		
		if (!cancelHideSubMenu) {
		    
		    //added 5/20/08 to handle IE div bug
	        var hideDivFrame = new getObj("hideDivFrame");
	        hideDivFrame.obj.style.display = "none";
	        
		    if (document.getElementById('subMenu'+currentMenuShowingID)) {
		        var subMenuToHide = new getObj('subMenu'+currentMenuShowingID);
		        subMenuToHide.obj.style.display = "none";
		    }
			
			//change color of sidebar back to normal on mouseoff
			//need to know if user moused off table or if user selected
			//another row.
			cancelHideSubMenu = true;
			subMenuShowing = false;
			
			//subArrow.style.visibility = "visible";
	        mainMenuLink.obj.style.textDecoration = "none";
	        
	        mainMenuRow.obj.bgColor = mainBGColor;
	        
	        //need to reset hyperlinks accordingly - customized above
	        if (currentMenuShowingID != menuActive) {
	            mainMenuLink.obj.style.color = mainDeactivatedLinkNonActiveFontColor;
	        }
	        else {
	            mainMenuLink.obj.style.color = mainDeactivatedLinkActiveFontColor;
	        }
		}
	}
}

function hideFlyoutMenu() {
   
    if (currentFlyoutMenuShowingID != undefined) {
        //var mainMenuLink = new getObj("Row" + currentMenuShowingID + "Link");
		//var flyoutMenuRow = new getObj("Row"+currentFlyoutMenuShowingID);
		if (!cancelHideFlyoutMenu) {
		    if (document.getElementById('flyoutMenu'+currentFlyoutMenuShowingID)) {
		        var flyoutMenuToHide = new getObj('flyoutMenu'+currentFlyoutMenuShowingID);
		        flyoutMenuToHide.obj.style.display = "none";
		    }
			
			//change color of sidebar back to normal on mouseoff
			//need to know if user moused off table or if user selected
			//another row.
			cancelHideFlyoutMenu = true;
			flyoutMenuShowing = false;
			
			//subArrow.style.visibility = "visible";
	        //mainMenuLink.obj.style.textDecoration = "none";
	        
	        //added 5/20/08 to handle IE div bug
	        var hideFlyoutDivFrame = new getObj("hideFlyoutDivFrame");
	        hideFlyoutDivFrame.obj.style.display = "none";
	        
	        //mainMenuRow.obj.bgColor = mainBGColor;
	        
	        //need to reset hyperlinks accordingly - customized above
	        //if (currentMenuShowingID != menuActive) {
	        //    mainMenuLink.obj.style.color = mainDeactivatedLinkNonActiveFontColor;
	        //}
	        //else {
	        //    mainMenuLink.obj.style.color = mainDeactivatedLinkActiveFontColor;
	        //}
		}
	}
}

function positionSubMenu(subMenuSelected, iRowID) {
	//main table object
	
	var mainTable = new getObj("mainTable");
	//var mainTableDiv = new getObj("mainTableDiv");
	//alert("mainTableDiv: " + mainTableDiv);
	var subMenuDiv = new getObj("subMenu"+iRowID);
	var mainMenuRow = new getObj("Row"+iRowID);
	
	
	var curTop = 0;
	
	//get properties of main table
	tableWidth = mainTable.obj.style.width;
	tableWidth = parseInt(tableWidth.replace("px", ""));
	
	//find x and y position of main table
	var xPos = findPosX(new getObj("containerTable"+iRowID));
	var yPos = findPosY(new getObj("mainTable"));
	
	//set visibility
	//position sub menu
	subMenuSelected.style.left = xPos + subTableOffsetX + "px";
	subMenuSelected.style.top = yPos + subTableOffsetY +  "px";
	
}

function positionFlyoutMenu(flyoutMenuSelected, iRowID, iSubMenuID, iFlyoutID) {
	//main table object
	
	var flyoutTable = new getObj("flyoutTable"+iFlyoutID);
	
	//var mainTableDiv = new getObj("mainTableDiv");
	//alert("mainTableDiv: " + mainTableDiv);
	var subMenuDiv = new getObj("subMenu"+iSubMenuID);
	var flyoutMenuDiv = new getObj("flyoutMenu"+iFlyoutID);
	//var flyoutMenuRow = new getObj("Row"+iRowID);

	var curTop = 0;
	
	//get properties of main table
	//var subMenuWidth = subMenuDiv.obj.style.width;
	//subMenuWidth = parseInt(subMenuWidth.replace("px", ""));
	
	//find x and y position of sub menu table
	var xPos = findPosX(new getObj("subTable"+iSubMenuID));
	var yPos = findPosY(new getObj("subMenu"+iSubMenuID+"Row"+iRowID));
	
	//set visibility
	//position sub menu
	flyoutMenuDiv.style.left = (xPos - 1 + subTableWidth) + "px";
	flyoutMenuDiv.style.top = (yPos - 1) + "px";
}

function findPosX(divElement) {
//find x position of menu - calculate position from left of screen
	var curLeft = 0;
	
	if (divElement.obj.offsetParent) {
		while (divElement.obj.offsetParent) {
			curLeft += divElement.obj.offsetLeft;
			divElement.obj = divElement.obj.offsetParent;
		}
	}
	else if (divElement.obj.x) {
		curLeft += divElement.obj.x;
	}
	
	return curLeft;
}

function findPosY(divElement) {
//find y position of menu - calculate position from top of screen
	var curTop = 0;
		
	if (divElement.obj.offsetParent) {
		while (divElement.obj.offsetParent) {
			curTop += divElement.obj.offsetTop;
			divElement.obj = divElement.obj.offsetParent;
		}
	}
	else if (divElement.y){
		curTop += divElement.obj.y;
	}
	
	return curTop;
}

function activateMainMenu(iMainMenuID) {
	//activate row properties
	//previous to last current moused over
	previousRowMousedOver = currentRowMousedOver; 
	
	var mainMenuItemSelected = new getObj(iMainMenuID);
	var mainMenuLink = new getObj(iMainMenuID + "Link");
	//var subArrow = new getObj(iMainMenuID + "_arr");
	
	//subArrow.style.visibility = "hidden";
	mainMenuItemSelected.obj.style.cursor = "pointer";
	//mainMenuLink.obj.style.textDecoration = "underline";
	mainMenuLink.obj.style.color = mainActivatedFontColor;
    mainMenuItemSelected.obj.bgColor = mainActivatedBGColor;
	currentRowMousedOver = iMainMenuID;
	
	//change color of previous sidebar if previous has been selected - deactivate
	if (previousRowMousedOver != null) {
		if (currentRowMousedOver != previousRowMousedOver) {
		    deactivateMainMenu(previousRowMousedOver);
		}
	}
}

function deactivateMainMenu(iMainMenuID) {
	//put menu item back to normal state
	//var currentMenuShowingIDRow = "Row" + currentMenuShowingID;
	//alert("currentMenuShowingIDRow: " + currentMenuShowingIDRow);
	var mainMenuItemSelected = new getObj(iMainMenuID);
	var mainMenuLink = new getObj(iMainMenuID + "Link");
  	
  	mainMenuLink.style.color = mainDeactivatedLinkNonActiveFontColor; 	
  	mainMenuLink.obj.style.textDecoration = "none";
	mainMenuItemSelected.obj.bgColor = mainBGColor;
}

function highlightMenuTD(menuItem) {
    menuItem.style.cursor = "pointer";
    //menuItem.className = "menuTDOn";
    menuItem.style.color = subMenuActivatedFontColor;
}

function menuTDOut(menuItem) {
    //menuItem.className = "menuTDOff";
    menuItem.style.color = subMenuDeactivatedFontColor;
}

function fadeSubMenu(inc, iRowID){
    //get div that needs to be faded in and out
    if (subMenuShowing) {
        var hideDivFrame = new getObj("hideDivFrame");
        
        if (inc == 0) {
            hideDivFrame.obj.style.display = "none";
        }
        
        var fadeIn = new getObj("subMenu"+iRowID);;
	
        //for browsers other than IE, use 0-1 for opacity. otherwise 0-100 for IE.
        var incFrac = inc/30;
        var subInc = 1-incFrac;
    
        var incMult = inc*5
    
        //fade in the image
        fadeIn.obj.style.filter = "alpha(opacity=" + incMult + ")";
        fadeIn.obj.style.mozOpacity = incFrac;
        fadeIn.obj.style.opacity = incFrac;
        
        inc++;
    
        //repeat until image is completely faded in or out
        if (inc < 100) {
            setTimeout("fadeSubMenu(" + inc + "," + iRowID + ")",1);
        }
        else if (inc >= 100) {
            //need to solve this issue - this is for the IE hack
            //hideDivFrame.obj.style.filter = "alpha(opacity=" + 100 + ")";
            //hideDivFrame.obj.style.mozOpacity = 1;
            //hideDivFrame.obj.style.opacity = 1;
            //hideDivFrame.obj.style.display = "block";
        }
    }
}