/*
2Author : bieler batiste
3Company : doSimple : http://www.dosimple.ch
4send me a mail for more informations : faden@PASDEPOURRIELaltern.org - remove ( PASDEPOURRIEL )
5
6Short javascript function to create and handle a CSS navigation menu
7
8Copyright (C) 2004 Bieler Batiste
9
10This library is free software; you can redistribute it and/or
11modify it under the terms of the GNU Lesser General Public
12License as published by the Free Software Foundation; either
13version 2.1 of the License, or (at your option) any later version.
14
15This library is distributed in the hope that it will be useful,
16but WITHOUT ANY WARRANTY; without even the implied warranty of
17MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
18Lesser General Public License for more details.
19
20You should have received a copy of the GNU Lesser General Public
21License along with this library; if not, write to the Free Software
22Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA 02111-1307 USA
23*/

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

// 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 < 100; 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['visibility'] = 'hidden';
 //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['visibility'] = 'visible';
 //this.getElementsByTagName('ul')[0].style['display'] = '';
 var currentNode=this;
 while(currentNode)
 {
 if( currentNode.nodeName=='LI')
 {
 currentNode.getElementsByTagName('a')[0].className = 'linkOver';
 currentSubNode = currentNode.getElementsByTagName('ul')[0];
 var i = currentNode.getElementsByTagName('ul')[0].getElementsByTagName('li').length;

 }
 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['visibility'] = 'hidden';
// uls.item(i).style['display'] = 'none';
 }
}