// topnav.js for eCommunities
// functionality for dhtml menu on topnav
// code by Chris Nott (cnott@NOSPAM.blastradius.com)



var currentTopMenuButton = null;

var itemTopDivId = {
   'visitors' : 'tnNavVisitors',
   'residents' : 'tnNavResidents',
   'mychapleau' : 'tnNavMyChapleau'
   };
   
function hilite(section) {
  /*alert("hilite starts");*/
  currentTopMenuButton = document.getElementById(itemTopDivId[section]).firstChild.firstChild;
  /*alert("hilite currentTopMenuButton.src = "+ currentTopMenuButton.src);*/
  currentTopMenuButton.src = currentTopMenuButton.src.replace(/_off/, '_on');
}

function lolite(section) {
	/*alert("lolite "+currentTopMenuButton.src);*/
	currentTopMenuButton.src = currentTopMenuButton.src.replace(/_on/, '_off');
	currentTopMenuButton = null;
}

var currentMenuButton = null;
var currentMenu = null;
var currentMenuItem = null;
var itemTimeout = null;
var menuItemTimeout = null;
var timer = null;

var itemDivId = {
   'community' : 'tnNavCommunity',
   'explore' : 'tnNavExplore',
   'marketplace' : 'tnNavMarketplace',
   'connecting' : 'tnNavConnecting',
   'health' : 'tnNavHealth',
   'education' : 'tnNavEducation'
   };
var menuId = {
   'community' : 'tnNavCommunityMenu',
   'explore' : 'tnNavExploreMenu',
   'marketplace' : 'tnNavMarketplaceMenu',
   'connecting' : 'tnNavConnectingMenu',
   'health' : 'tnNavHealthMenu',
   'education' : 'tnNavEducationMenu'   
   };
var menuLeft = { 
   'community' : 20,
   'explore' : 111,
   'marketplace' : 233,
   'connecting' : 323,
   'health': 457,
   'education' : 516   
   };

function topnavItemOn(section) {
 //alert(section);
   if (currentMenu != document.getElementById(menuId[section])) {
      
      // turn off current menu
      topnavCurrentItemOff();
     //alert(document.getElementById(itemDivId[section])); 
     
      // if button is already on, it's the default - set flag to remember not to turn off
      currentMenuButton = document.getElementById(itemDivId[section]);
      
      if (currentMenuButton.src.indexOf('_on.') != -1) {
         currentMenuButton.isDefault = true;
      }
  // alert(currentMenuButton);
      // change image of new menu button
      currentMenuButton.src = currentMenuButton.src.replace(/_off/, '_on');
  //alert(currentMenuButton.src);    
      // position menu horizontally and adjust if it's too wide
      currentMenu = document.getElementById(menuId[section]);
  // alert(currentMenu);
      if (currentMenu.offsetWidth < 780 && menuLeft[section] + currentMenu.offsetWidth > 780) {
         menuLeft[section] = 780 - currentMenu.offsetWidth;
      }
      currentMenu.style.left = menuLeft[section] + 'px';
      
      // show new menu (set top position to in-screen value)
      currentMenu.style.visibility = 'visible';
      
      // add click-to-hide-menu handler to document
      document.onmouseup = topnavCurrentItemOff;
   }
}

function topnavItemOff(section) {
	timer = setTimeout('topnavCurrentItemOff()', 150);
}

function killDelay() {
  clearTimeout(timer);
}

function topnavCurrentItemOff() {
   if (currentMenuButton != null) {
      
      // change image of current menu button (check default flag)
      if (currentMenuButton.isDefault != true) {
         currentMenuButton.src = currentMenuButton.src.replace(/_on/, '_off');
      }
      currentMenuButton = null;
      
      // hide current menu
      currentMenu.style.visibility = 'hidden';
      currentMenu = null;
      
      // remove click-to-hide-menu handler
      document.onmouseup = function() {}
   }
}