var timeout = 1000;
var liste1 = 0;
var menu = 0;
	for( var i = 0; i < 100; i++ )
{
    eval("var timeoutli" + i + " = false;");
}

var yep2 = 0;
var yop2 = 0;
var vf = 0;

var Xend = 0;
var Xcurent = 0;
var Wend  = 0;
var Wcurent = 0;
var curentCible =0;
var couleur2 = new Array();
couleur2[0] = "#3b9298";
couleur2[1] = "#721619";
couleur2[2] = "#622f10";
couleur2[3] = "#624432";
couleur2[4] = "#5b440e";
couleur2[5] = "#3b9298";
function initMenu(yop, yep, vf)
{
	yep2 = yep;
	yop2 = yop;
	vf2 = vf;
	
    if ( browser.isDOM1 
    && !( browser.isMac && browser.isIE ) 
    && !( browser.isOpera && browser.versionMajor < 7 )
    && !( browser.isIE && browser.versionMajor < 5 ) )
    {

       menu = document.getElementById('menu');
       liste1 = menu.getElementsByTagName('li'); 
		
        menu.className='menu';

		var nextBlocPosition = 0;
		var p = 0;
		blocPosition = new Array();
		blocLargeur = new Array();

        for ( var i=0; i<liste1.length; i++ )
        {
         	if ( liste1.item(i).getElementsByTagName('ul').length > 0 )
            {  
			
			
			
			
			
			
			
			
			        if ( browser.isIE )
                	{
					
                	addAnEvent(liste1.item(i),'keyup',timeShow);
                	}
					else
					{
	
					}
					
					
                addAnEvent(liste1.item(i),'mouseover',timeShow);
				addAnEvent(liste1.item(i),'focus',timeShow);
    
				
				liste1.item(i).setAttribute( 'id', p );
				
				ulIbrique = liste1.item(i).getElementsByTagName('ul');
	document.getElementById(p).getElementsByTagName('ul')[0].style['visibility'] = 'hidden';
    if ( browser.isIE )
                	{
					
      
                	}
					else
					{
					document.getElementById(p).getElementsByTagName('ul')[0].style['width'] = 'auto';	
					}
					
	

				blocLargeur[p] = ulIbrique.item(0).offsetWidth;
				blocPosition[p] = nextBlocPosition;
				nextBlocPosition = nextBlocPosition + document.getElementById(p).offsetWidth+35;

			var liste2 = liste1.item(i).getElementsByTagName('li');
				
			for ( var f=0; f<liste1.item(i).getElementsByTagName('li').length; f++ )
			{
			addAnEvent(liste2.item(f),'mouseover',rollOver);
			addAnEvent(liste2.item(f),'mouseout',rollOut);
			
			liste2.item(f).element = i;
			liste2.item(f).element2 = p;
			liste1.item(i).getElementsByTagName('li')[f].style['width'] = blocLargeur[p]-2+'px';
			
			}	
		
			p++;	
			}
			
	
			
			
			
		}
		


document.getElementsByTagName('ul')[yop].getElementsByTagName('li')[yep].style['backgroundColor'] = couleur2[yop];
//this.style['backgroundColor'] = couleur2[this.element2];

document.getElementById('bloc').style['left'] = blocPosition[yop]+4+'px';
document.getElementById('bloc').style['width'] = blocLargeur[yop]+8+'px';
document.getElementById(yop).getElementsByTagName('ul')[0].style['visibility'] = 'visible';
Xcurent = blocPosition[yop];
Wcurent = blocLargeur[yop]+15;
curentCible = document.getElementById(yop);

    }
}


function addAnEvent( target, eventName, functionName )
{

    if ( browser.isIE )
    {

        eval('target.on'+eventName+'=functionName');
    }

    else
    {
        target.addEventListener( eventName , functionName , true ); 
    }
	
}


var fini = true;

function rollOut()
{
//alert  (vf2 +" "+this.element);	
	
for ( var f=0; f<liste1.item(this.element).getElementsByTagName('li').length; f++ )
			{
			//alert (this.element+" "+vf2);
			//alert (liste1.item(eval (vf2)).getElementsByTagName('li')[f]);
		if (liste1.item(this.element).getElementsByTagName('li')[f] != liste1.item(eval(vf2)).getElementsByTagName('li')[yep2])
			{
			liste1.item(this.element).getElementsByTagName('li')[f].style['backgroundColor'] ="transparent";
		}
			}
}
function rollOver()
{





this.style['backgroundColor'] = couleur2[this.element2];
}


function reste(cible)
{
for (var y =0; y<6; y++)
	{
		if (cible != document.getElementById(y))
		{
			document.getElementById(y).getElementsByTagName('ul')[0].style['visibility'] = 'hidden';	
			
		}

	}
cible.getElementsByTagName('ul')[0].style['visibility'] = 'visible';
fini = true;
}


function ops()
{
alert ("ok");	
}


function show(cible)
{
	






	if (curentCible != cible)	
{
fini = false;
	
Xend =	blocPosition[eval (cible.id)] +4;
Wend =	blocLargeur[eval (cible.id)] +8;	


Xcurent = document.getElementById('bloc').offsetLeft;
t1A = new Tween(document.getElementById('bloc').style,'left',Tween.regularEaseIn,Xcurent,Xend,0.3,'px');
t1B = new Tween(document.getElementById('bloc').style,'width',Tween.regularEaseIn,Wcurent,Wend,0.3,'px');




var a = new Object();
a.onMotionFinished = function()
{

reste(cible);
}

a.onMotionChanged = function()
{

};


for (var y =0; y<6; y++)
	{

			document.getElementById(y).getElementsByTagName('ul')[0].style['visibility'] = 'hidden';	
			


	}




t1A.addListener(a)


t1A.start();
t1B.start();

Xcurent = Xend;
Wcurent = Wend;
}

curentCible = cible;

}

function timeShow()
{

cible =this;
setTimeout(" show(cible);",500);

}



