// this fonction apply the CSS style and the event
var timeout = 1000;
for( var i = 0; i < 100; i++ )
{
    eval("var timeoutcol_" + i + " = false;");
}

var isIE;
var select_show;
var select_col;
var secteurtocolid = new Array;
secteurtocolid[1] = new Array;
secteurtocolid[1]['col'] = "col_1";
secteurtocolid[1][1] = 0;
secteurtocolid[1][4] = 1;
secteurtocolid[3] = new Array;
secteurtocolid[3]['col'] = "col_2";
secteurtocolid[3][5] = 0;
secteurtocolid[3][6] = 1;
secteurtocolid[3][7] = 2;
secteurtocolid[3][8] = 3;
secteurtocolid[3][9] = 4;
secteurtocolid[3][10] = 5;
secteurtocolid[5] = new Array;
secteurtocolid[5]['col'] = "col_3";
secteurtocolid[5][12] = 0;
secteurtocolid[5][13] = 1;
secteurtocolid[5][25] = 2;
secteurtocolid[5][14] = 3;
secteurtocolid[5][15] = 4;
secteurtocolid[6] = new Array;
secteurtocolid[6]['col'] = "col_4";
secteurtocolid[43] = new Array;
secteurtocolid[43]['col'] = "col_5";
secteurtocolid[43][60] = 0;
secteurtocolid[43][61] = 1;
secteurtocolid[44] = new Array;
secteurtocolid[44]['col'] = "col_6";
secteurtocolid[44][58] = 0;
secteurtocolid[44][59] = 1;
secteurtocolid[8] = new Array;
secteurtocolid[8]['col'] = "col_7";


function initMenu(col, rub)
{
	if (typeof(secteurtocolid[col])=='undefined' || typeof(col)=='undefined'){
		return;
	}else{
		select_col = document.getElementById(secteurtocolid[col]['col']);
		BrowserDetect();
		var ul_menu = document.getElementById('ul_menu'); // the root menu element
		var lis = ul_menu.getElementsByTagName('li'); // all the li
	        
		// 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 )
				{    
					if(lis.item(i).id == select_col.id) {
						lis.item(i).className = "cl_"+select_col.id;
						var uls = lis.item(i).getElementsByTagName('ul'); 
						uls.item(0).style.display="block";
						if(rub && (secteurtocolid[col][rub] != undefined)) 
						{
							var as = uls.item(0).getElementsByTagName('a'); 
							if(as.length > 0)
							{
								as.item(secteurtocolid[col][rub]).className = "a_"+select_col.id;
							}
						}
					}
						// improve IE key navigation
						if ( isIE)
						{
								addAnEvent(lis.item(i),'keyup',show);
						}
						
						// link events to list item
						addAnEvent(lis.item(i),'mouseover',show);
						addAnEvent(lis.item(i),'mouseout',hide);
						addAnEvent(lis.item(i),'blur',hide);
						addAnEvent(lis.item(i),'focus',show);
						
				}
		}
	}
}

function addAnEvent( target, eventName, functionName )
{
    // apply the method to IE
    if ( 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 hide()
{
   eval( "timeout" + this.id + " = window.setTimeout('do_hide( \"" + this.id + "\" )', " + timeout + " );");
}

function do_hide(id)
{
	var obj = document.getElementById(id);
	if(obj.id != select_col.id) {
		obj.className = "";
		obj.style.display="block";
		var uls = obj.getElementsByTagName('ul'); 
		uls.item(0).style.display="none";
		if(select_show == obj) 
		{
			var uls = select_col.getElementsByTagName('ul'); 
			uls.item(0).style.display="block";
		}
	}
}

// show the first ul element found under this element
function show()
{
	select_show = this;
	this.className = "cl_"+this.id;
	this.style.display="block";
	var uls = this.getElementsByTagName('ul'); 
	uls.item(0).style.display="block";
	var ul_menu = document.getElementById('ul_menu'); // the root menu element
	var lis = ul_menu.getElementsByTagName('li'); // all the li
        
	// 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 ) && (lis.item(i) != this) )
			{
				if(lis.item(i).id != select_col.id)
					lis.item(i).className = "";
				var uls = lis.item(i).getElementsByTagName('ul'); 
				uls.item(0).style.display="none";
			}
	}
  eval ( "clearTimeout( timeout"+ this.id +");" );

	if((select_col != 0) && (this.id != select_col.id)) {
		var uls = select_col.getElementsByTagName('ul'); 
		uls.item(0).style.display="none";
	}
/*	var uls = this.getElementsByTagName('ul'); 
	if(uls.length > 0) {
		uls.item(0).style.display="block";
	}
*/	
}


function BrowserDetect() {
	
   var ua = navigator.userAgent.toLowerCase(); 
   isIE = ( (ua.indexOf('msie') != -1) && (ua.indexOf('opera') == -1) && (ua.indexOf('webtv') == -1) ); 
}