var timeout;
var lemenu = 0;


function cache(lid) {
//alert(lid);
var kick = lid;

	document.getElementById(kick+'_div').style.display='none';
	lemenu = 0;
}

function findPos(obj)
{
	
	var curleft = curtop = 0;
	if (obj.offsetParent) {
		curleft = obj.offsetLeft
		curtop = obj.offsetTop
		while (obj = obj.offsetParent) {
			curleft += obj.offsetLeft
			curtop += obj.offsetTop
		}
	}
	
	var topu = letu = 0;
	
	var obj2 = document.getElementById('nav');
	if (obj2.offsetParent) {
		letu = obj2.offsetLeft
		topu = obj2.offsetTop
		while (obj2 = obj2.offsetParent) {
			letu += obj2.offsetLeft
			topu += obj2.offsetTop
		}
	}
		
	curtop = curtop - topu;
	curtop = curtop + 31;
	curleft = curleft - letu;
	
	return [curleft,curtop];
}

function findLarg(obj) {
	
		Largeur = obj.offsetWidth
		

	
	return Largeur;
}


//window.onload=appear;

function appear(id,number) {
var d = document.getElementById(id+'_div');
var lid = id;
var num = number;
	
if (d) {
if(id != lemenu && lemenu != 0)
	cache(lemenu);
	
	//alert('oyes');
	lemenu = lid;
	
	if(clearTimeout(timeout)) alert('cleare'); 
	var tab = findPos(document.getElementById(id));
	/*d.style.top = 0; */
	d.style.top = tab[1];
	/*d.style.left = 0;*/
	d.style.left = tab[0]; 
	/*alert('top '+tab[1]+'\nleft '+tab[0]+'\n div '+d.id);
	alert('top '+d.style.top+'\nleft '+d.style.left+'\n div '+d.id);*/
	var larg=239;	
	var obj2 = document.getElementById(id+'_'+id);
	var larg2 = findLarg(obj2);
	
	//alert(larg);
	if(larg2 > larg) {
		larg = larg2;
		
	}
	
	larg = larg - 22;
	
	d.style.width = larg+'px';
	d.style.display='block';
	if(number != 0) {
		document.getElementById('premiere_case_'+num).className='premiere_case_on';
		document.getElementById('case_droite_'+num).className='case_droite_on';
		document.getElementById('texte_lien_'+num).className='case_lien_on';
		
	}

	
	}
 else {
if(id != 0) {
	if(number != 0) {
		document.getElementById('premiere_case_'+num).className='premiere_case_on';
		document.getElementById('case_droite_'+num).className='case_droite_on';
		document.getElementById('texte_lien_'+num).className='case_lien_on';
		
	}
}
if(lemenu != id && lemenu != 0) {
	var kick = lemenu;
	
	
	cache(kick); 
}

if(number != 0 && id==0) {
		document.getElementById('premiere_case_'+num).className='premiere_case';
		document.getElementById('case_droite_'+num).className='case_droite';
		document.getElementById('texte_lien_'+num).className='case_lien';
		
	}
}



}


function cache2(lid) {
//alert(lid);
var kick = lid;

	document.getElementById('Details_'+kick).style.display='none';
//	document.getElementById(lid).className='gamme';
	lemenu = 0;
}

function appear2(id,larg) {
//alert(id+' '+larg);
var d = document.getElementById('Details_'+id);
var grid = document.getElementById('ContenuAccueil');
var lid = id;
var largeur = parseInt(larg);
if (d) {
if(id != lemenu && lemenu != 0)
	cache2(lemenu);
	
	lemenu = lid;
	
	if(clearTimeout(timeout)) alert('cleare'); 
	var tab = findPos2(document.getElementById(id));
	//alert(tab[0]);
	
	//on recup les infos de grid
	if (navigator.appName=="Netscape") {
	var leftgrid = grid.offsetLeft;
	var wgrid = grid.offsetWidth;
	}
	else 
	if (navigator.appName=="Microsoft Internet Explorer") { 
		if (grid.parentNode) {
			leftgrid = parseInt(grid.offsetLeft);
			wgrid = parseInt(grid.offsetWidth);
			while (grid = grid.parentNode) {
				if(!isNaN(grid.offsetLeft)) {
					leftgrid+=parseInt(grid.offsetLeft);
				}
			}
		}else {
			leftgrid = parseInt(grid.offsetLeft);
			wgrid = parseInt(grid.offsetWidth);
		}
	}
	
	var wgrid = wgrid+leftgrid;
	
	var posdiv = tab[0]+largeur;
	if(wgrid < posdiv) {
		var ecart = posdiv - wgrid;
		ecart = ecart+25;
		tab[0] = tab[0]-ecart;
	}
	
//	alert(tab[0]+' '+tab[1]);
	
	
	d.style.left = tab[0]+'px';
	d.style.top = tab[1]+'px';
	
//	document.getElementById(id).className='gamme_on';
	d.style.display='block';	
	}
 else {
if(lemenu != id && lemenu != 0) {
	var kick = lemenu;
	
	
	cache2(kick); 
}
}



}

function findPos2(obj) {


if (navigator.appName=="Netscape") {
	 var left = obj.offsetLeft;
	var top = obj.offsetTop;
	
	left = left - 10;
	top = top - 85;
}
else 
	if (navigator.appName=="Microsoft Internet Explorer") { 
		if (obj.parentNode) {
			left = parseInt(obj.offsetLeft);
			top = parseInt(obj.offsetTop);
			while (obj = obj.parentNode) {
				if(!isNaN(obj.offsetLeft)) {
					left+=parseInt(obj.offsetLeft);
				}
			}
		}
		var grid = document.getElementById('ContenuAccueil');
		if (grid.parentNode) {
			leftwd = parseInt(grid.offsetLeft);
			topwd = parseInt(grid.offsetTop);
			while (grid = grid.parentNode) {
				if(!isNaN(grid.offsetLeft)) {
					leftwd+=parseInt(grid.offsetLeft);
				}
			}
		}
		
		/*leftwd = parseInt(grid.offsetLeft);
		topwd = parseInt(grid.offsetTop); */
		
		
		
		//alert(leftwd+' '+left);
		
		left = left-leftwd;
		
	}
  



//alert(left+' '+top);



if( navigator.appName == "Microsoft Internet Explorer") 
{ 
top = top+35;
left = (left-leftwd)-40 ;
}else{
top = top+110;};
return [left,top];

}


/*
function bouge_marquee(direction,puissance) {

alert(document.getElementById('themarquee').direction);
alert(document.getElementById('themarquee').scrollAmount);
document.getElementById('themarquee').direction = direction;
document.getElementById('themarquee').scrollAmount = puissance;
document.getElementById('themarquee').start();
document.getElementById('themarquee').stop(); 


} */

var actu_is_moving=false;
var menu2NbItem=30;
var menuTopItem=1;
var menu2NbItemShow=12;

function menuMove(distance){
alert(distance);
	if(!actu_is_moving){
		if(distance>0){
			if(1<menuTopItem){
				moveMenu(distance)
				menuTopItem=menuTopItem-1;
					if(1<menuTopItem){
						$('upMenu2').src='img/fleche_bas_nc.gif';
					}else{
					$('upMenu2').src='img/fleche_haut_nc.gif';
						
					}
					$('downMenu2').src='img/fleche_bas_c.gif';
			}					
		}else{
			if((menu2NbItem-menu2NbItemShow)>=menuTopItem){
				moveMenu(distance)
				menuTopItem=menuTopItem+1;
				if((menu2NbItem-menu2NbItemShow)>=menuTopItem){
				
					$('downMenu2').src='img/fleche_bas_c.gif';
				}else{
					
				$('downMenu2').src='img/fleche_haut_c.gif';
				}
				$('upMenu2').src='img/fleche_bas_nc.gif';
			}
		}
	}
}


function moveMenu(distance){
	actu_is_moving = true;
	new Effect.Move('list', {x: distance, y: 0, mode: 'relative', duration : 0.5});
	setTimeout(function(e) { actu_is_moving = false; }, 500);
}