/*
Author   : bieler batiste
Company  : doSimple : http://www.dosimple.ch
send me a mail for more informations : faden@PASDEPOURRIELaltern.org - remove ( PASDEPOURRIEL )

Short javascript function to create and handle a CSS navigation menu

Copyright (C) 2004  Bieler Batiste

This library is free software; you can redistribute it and/or
modify it under the terms of the GNU Lesser General Public
License as published by the Free Software Foundation; either
version 2.1 of the License, or (at your option) any later version.

This library is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU
Lesser General Public License for more details.

You should have received a copy of the GNU Lesser General Public
License along with this library; if not, write to the Free Software
Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA  02111-1307  USA
*/

// the timeout for the menu
var timeout = 250;

// not very clean but simple
// the function can be run in the HTML for faster display
// window.onload=initMenu;

// creat timeout variables for list item
// it's for avoid some warning with IE
for( var i = 0; i < 200; i++ )
{
   eval("var timeoutli" + i + " = false;");
}

// this fonction apply the CSS style and the event
function initMenu()
{
   // a test to avoid some browser like IE4, Opera 6, and IE Mac
   if ( browser.isDOM1
   && !( browser.isMac && browser.isIE )
   && !( browser.isOpera && browser.versionMajor < 7 )
   && !( browser.isIE && browser.versionMajor < 5 ) )
   {
              // get some element
       var menu = document.getElementById('foldoutmenu'); // the root element
       var lis = menu.getElementsByTagName('li'); // all the li
       var tempEventObj;
       // change the class name of the menu,
       // it's usefull for compatibility with old browser
      // menu.className='menu';
                     //Hack! set height of #menu1 if menu is too big
       if (document.getElementById('menu1')) {                       var containerDiv=document.getElementById('menu1');
           if (menu.offsetHeight && containerDiv.offsetHeight) {
               if (menu.offsetHeight>containerDiv.offsetHeight) {                                      containerDiv.style.height=menu.offsetHeight+"px";
               }
           }
       }
       // i am searching for ul element in li element
       for ( var i=0; i<lis.length; i++ )
       {
           // is there a ul element ?
           if ( lis.item(i).getElementsByTagName('ul').length > 0 )
           {                       // improve IE key navigation
               if ( browser.isIE )
               {
                   addAnEvent(lis.item(i),'keyup',show);
               }
               // link events to list item
               tempEventObj=lis.item(i);
               //tempEventObj=lis.item(i).getElementsByTagName('a').item(0);
               addAnEvent(tempEventObj,'mouseover',show);
               addAnEvent(tempEventObj,'mouseout',timeoutHide);
               addAnEvent(tempEventObj,'blur',timeoutHide);
               addAnEvent(tempEventObj,'focus',show);
                              // add an id to list item
               lis.item(i).setAttribute( 'id', "li"+i );
           }
       }
   }
}

function addAnEvent( target, eventName, functionName )
{
   // apply the method to IE
   if ( browser.isIE )
   {
       //attachEvent dont work properly with this
       eval('target.on'+eventName+'=functionName');
   }
   // apply the method to DOM compliant browsers
   else
   {
       target.addEventListener( eventName , functionName , true ); // true is important for Opera7
   }
}
   // hide the first ul element of the current element
function timeoutHide()
{
   // start the timeout
   eval( "timeout" + this.id + " = window.setTimeout('hideUlUnder( \"" + this.id + "\" )', " + timeout + " );");
}

// hide the ul elements under the element identified by id
function hideUlUnder( id )
{      document.getElementById(id).getElementsByTagName('ul')[0].style['display'] = 'none';
}

// show the first ul element found under this element
function show()
{
   // show the sub menu
   this.getElementsByTagName('ul')[0].style['display'] = 'block';
   var currentNode=this;
   while(currentNode)
   {
           if( currentNode.nodeName=='LI')
           {
               currentNode.getElementsByTagName('a')[0].className = 'linkOver';
           }
           currentNode=currentNode.parentNode;
   }
   // clear the timeout
   eval ( "clearTimeout( timeout"+ this.id +");" );
   hideAllOthersUls( this );
}

// hide all ul on the same level of  this list item
function hideAllOthersUls( currentLi )
{
   var lis = currentLi.parentNode;
   for ( var i=0; i<lis.childNodes.length; i++ )
   {
       if ( lis.childNodes[i].nodeName=='LI' && lis.childNodes[i].id != currentLi.id )
       {
           hideUlUnderLi( lis.childNodes[i] );
       }
   }
}

// hide all the ul wich are in the li element
function hideUlUnderLi( li )
{
   var as = li.getElementsByTagName('a');
   for ( var i=0; i<as.length; i++ )
   {
       as.item(i).className="";
   }
   var uls = li.getElementsByTagName('ul');
   for ( var i=0; i<uls.length; i++ )
   {
       uls.item(i).style['display'] = 'none';
   }
}