// JavaScript Document
var timeout = 1000;
for( var i = 0; i < 100; i++ )
{
    eval("var timeoutli" + i + " = false;");
}

startList = function() {
if (document.all && document.getElementById) {
navRoot = document.getElementById("nav");
for (i=0; i<navRoot.childNodes.length; i++) {
  node = navRoot.childNodes[i];
  if (node.nodeName=="LI") {
  node.onmouseover=function() {
  this.className+=" over";
    }
  node.onmouseout=function() {
  this.className=this.className.replace(" over", "");
   }
   }
  }
 }
}
if (window.attachEvent)
window.attachEvent("onload", startList)
else
window.onload=startList;

// this fonction apply the CSS style and the event
function initMenu()
{
var browser = new Object();
    if ( browser.isDOM1 
    && !( browser.isMac && browser.isIE ) 
    && !( browser.isOpera && browser.versionMajor < 7 )
    && !( browser.isIE && browser.versionMajor < 5 ) )
    { alert("test");
        var menu = document.getElementById('nav'); 
        var lis = menu.getElementsByTagName('li');
        
        menu.className='nav';
        
		alert("test");
		
		for ( var i=0; i<lis.length; i++ )
        {
            if ( lis.item(i).getElementsByTagName('ul').length > 0 )
            {        
                if ( browser.isIE )
                {
                    addAnEvent(lis.item(i),'keyup',show);
					
                }
                addAnEvent(lis.item(i),'mouseover',show);
                addAnEvent(lis.item(i),'mouseout',timeoutHide);
                addAnEvent(lis.item(i),'blur',timeoutHide);
                addAnEvent(lis.item(i),'focus',show);
                
                lis.item(i).setAttribute( 'id', "li"+i );
            }
        }
    }
}

function addAnEvent( target, eventName, functionName )
{
   if ( browser.isIE )
    {
        eval('target.on'+eventName+'=functionName');
    }
    else
    {
        target.addEventListener( eventName , functionName , true );
    }
}
    
function timeoutHide()
{
    eval( "timeout" + this.id + " = window.setTimeout('hideUlUnder( \"" + this.id + "\" )', " + timeout + " );");
}

function hideUlUnder( id )
{   
    document.getElementById(id).getElementsByTagName('ul')[0].style['visibility'] = 'hidden';
}

function show()
{
    this.getElementsByTagName('ul')[0].style['visibility'] = 'visible';
    var currentNode=this;
    while(currentNode)
    {
            if( currentNode.nodeName=='LI')
            {
                currentNode.getElementsByTagName('a')[0].className = 'linkOver';
            }
            currentNode=currentNode.parentNode;
    }
    eval ( "clearTimeout( timeout"+ this.id +");" );
    hideAllOthersUls( this );
}

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] );
        }
    }
}

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';
    }
} 
function zentriere(layername){
	winWidth = (document.all)?document.body.clientWidth:window.innerWidth;
	if (winWidth < 960){
		wertx = 480;
		document.body.style.backgroundPosition = 0+'px 260px';
	 //Internet Explorer ab 4.x
		if(typeof(document.all) == 'object'){
			 document.all[layername].style.left = wertx+'px';
		 }
	 //Netscape 6.x
		 if(typeof(document.getElementById(layername)) == 'object' && typeof(document.all) != 'object'){
			  document.getElementById(layername).style.left = wertx+'px';
		 }
	 //Netscape 4.x
		 if(typeof(document[layername]) == 'object') {
			  document[layername].left = wertx;
		 }
 	 //Opera ab 5.x
		 if(typeof(window.opera)) {
			  document.all[layername].style.left = wertx;
		 }
	}
}