var running    = false;
var showing    = false;
var timerID    = null;
var timerShowing = null;
var currentID  = null;
var previousID = null;
var delay      = 300;
var seeAllOpen = false;

var behaviors  = {};
function InitMenus(id) {
  // get all list elements
  if ($(id)) {
    $A($(id).childNodes).each(function(child) {
      if (child.nodeName == 'LI') {
        // is there a menu?
        if ($(child.id+'-menu')) {
          // set ids
          nav_id  = child.id;
          menu_id = child.id+'-menu';
          
          // add behaviors
          if(child.id=="mainNav_item20")
          {            
            eval("behaviors['#"+nav_id+":mouseover']  = function(e) { NavStartShowMenu(\"navShowMenu('"+nav_id+"')\"); }");
			eval("behaviors['#"+nav_id+":mouseout']   = function(e) { NavStartTimer(\"navHideMenu('"+nav_id+"')\"); }");
            eval("behaviors['#"+menu_id+":mouseover'] = function(e) { NavStopTimer(); }");
          }
          else
          {
            eval("behaviors['#"+nav_id+":mouseover']  = function(e) { navShowMenu('"+nav_id+"'); }");
            eval("behaviors['#"+nav_id+":mouseout']   = function(e) { NavStartTimer(\"navHideMenu('"+nav_id+"')\"); }");
            eval("behaviors['#"+menu_id+":mouseover'] = function(e) { NavStopTimer(); }");
          }
        }
      }
    });
    // add behaviors
    Event.addBehavior(behaviors);
  }
}

function NavStartShowMenu(event)
{
	NavStopTimer();
	if(!showing)
	{
		showing = true;
		timerShowing  = setTimeout("NavStartShowMenu2(" + event + ")", 1000);
		
	}
	else if(showing && seeAllOpen)
	{
		timerShowing  = setTimeout("NavStartShowMenu2(" + event + ")", 0);
	}
}

function NavStartShowMenu2(event)
{
	seeAllOpen = true;
	eval(event);
}

function NavStartTimer(event){ 
//event="HideMenu('mainNav_item2')";
//alert("in start timer");
running = true; 
//alert("running is "+running);
timerID = setTimeout(event, delay); }
	
function NavStopTimer() { running = false; clearTimeout(timerID); }

function navShowMenu(id){  
  	if (running){NavStopTimer();}
  
   	if(id == 'mainNav_item20' && !showing){return;}
    
  currentID = id;
  if (currentID != previousID && previousID !== null){navHideMenu(previousID);}
  
  $(id+'-menu').className = 'show';
  $A($(id).childNodes).each(function(child) { if (child.nodeName == 'A') { Element.addClassName(child, 'hover'); } });
  previousID = currentID;
  if (currentID == 'mainNav_item2' ||currentID == 'mainNav_item3'|| currentID == 'mainNav_item4' || currentID == 'mainNav_item5' || currentID == 'mainNav_item20')
  {  
    $('ctl00_SiteSearch1_ddSearchScope').className='hide';
  }
  else if(currentID == 'mainNav_item9') {
    $('ctl00_SiteSearch1_ddSearchScope').className='hide';
    hide('ctl00_PlaceHolderMain_StoreSearchAdvanced1_ddlState');
    hide('ctl00_PlaceHolderMain_StoreSearchAdvanced1_ddlRadius');
    hide('ctl00_PlaceHolderMain_CustomerComments1_ddlDivision');
    hide('ctl00_PlaceHolderMain_CustomerComments1_ddlState');
    hide('ctl00_PlaceHolderMain_FreshForYou1_ddlDivision');
    hide('ctl00_PlaceHolderMain_FreshForYou1_ddlState');
  }
}

function navHideMenu(id, level) 
{
	
	seeAllOpen = false;
  	showing=false;
  	    
  $(id+'-menu').className = 'hide';
  $A($(id).childNodes).each(function(child) { if (child.nodeName == 'A') { Element.removeClassName(child, 'hover'); } });
  if (id == 'mainNav_item2' || id == 'mainNav_item3'|| id == 'mainNav_item4' || id == 'mainNav_item5' || id == 'mainNav_item20') {  
    $('ctl00_SiteSearch1_ddSearchScope').className='show';
  }
  else if(currentID == 'mainNav_item9') {
    $('ctl00_SiteSearch1_ddSearchScope').className='show';
    show('ctl00_PlaceHolderMain_StoreSearchAdvanced1_ddlState');
    show('ctl00_PlaceHolderMain_StoreSearchAdvanced1_ddlRadius');
    show('ctl00_PlaceHolderMain_CustomerComments1_ddlDivision');
    show('ctl00_PlaceHolderMain_CustomerComments1_ddlState');
    show('ctl00_PlaceHolderMain_FreshForYou1_ddlDivision');
    show('ctl00_PlaceHolderMain_FreshForYou1_ddlState');
  }
}

function hide(id){
  id=$(id);
  if(id) {id.style.display="none";}
}

function show(id){
  id=$(id);
  if(id) {id.style.display="inline";}
}