var SubMenus = [];
   var HolderState;
   var LastSubmenu;
   var Queue;
   
   
   function HideAllSubMenu(submenu_ID) {
      submenu = $('mainmenu').getElementsByTagName('li');
      for(x=0;x<submenu.length;x++) {
         menuItems = submenu[x].getElementsByTagName('strong');
         if(('sub'+submenu[x].id)==submenu_ID) {
            menuItems[0].style.display='block';
            $('sub'+submenu[x].id).style.display='block'
         } else {
            menuItems[0].style.display='none';
            $('sub'+submenu[x].id).style.display='none'
         }
      }
   }
   
   function QueueIt(submenu_ID) {
      Queue =submenu_ID;
      
   }
   
   function FadeIn(submenu_ID) {
      if(HolderState == 'busy' || HolderState == 'down') {
         QueueIt(submenu_ID);    
      }
      if(HolderState!='busy' && LastSubmenu!=submenu_ID) {
         if(HolderState=='up') {
            HolderState='busy';
            HideAllSubMenu(submenu_ID);
            LastSubmenu = submenu_ID;
            Effect.BlindDown('submenuHolder',{duration:0.3, afterFinish: function() {
               HolderState='down';
               DoQueue();
            }});
         } else  if(HolderState=='down') {
            HolderState='busy';
            Effect.BlindUp('submenuHolder',{duration:0.3, afterFinish: function() {
               HolderState='up';
               FadeIn(submenu_ID);
            }});
         }
      }
   }
   
   function DoQueue(submenu_ID) {
      if(Queue && LastSubmenu!=Queue) {
         FadeIn(Queue);
      }
   }

   function TriggerOutEvent(e) {
	if (!e) var e = window.event;
	var tg = (window.event) ? e.srcElement : e.target;
	if (tg.nodeName != 'DIV') return;
	var reltg = (e.relatedTarget) ? e.relatedTarget : e.toElement;
	while (reltg != tg && reltg.nodeName != 'BODY')
		reltg= reltg.parentNode
	if (reltg== tg) return;
	// Mouseout took place when mouse actually left layer
	// Handle event
	if(HolderState != 'busy') { 
   	  HolderState = 'busy';
   	  Effect.BlindUp('submenuHolder',{duration:1, afterFinish: function() {
                  HolderState='up';
                  LastSubmenu ='';
                  $('submenu_1').style.display='none';
                  $('submenu_2').style.display='none';               
            }});
	}
   }   
   
   function Init() {
      Effect.BlindUp('submenuHolder',{duration:0.0});
      HolderState = 'up';
      
      submenus = $('mainmenu').getElementsByTagName('li');
      for(x=0;x<submenus.length;x++) {
         submenus[x].onmouseover= function() {
            FadeIn('sub'+this.id);
         }
      
      }
      onmouseover="FadeIn('submenu_1')"
      
      /*$('submenuHolder').onmouseout = TriggerOutEvent;*/

   }