clic=0;

function preloadmenu()
{
	image1=new Image();
	image1.src="img/menub1.gif";
	image2=new Image();
	image2.src="img/menub2.gif";
	image3=new Image();
	image3.src="img/menub3.gif";
	image4=new Image();
	image4.src="img/menub4.gif";
	image5=new Image();
	image5.src="img/menub5.gif";
	image6=new Image();
	image6.src="img/menub6.gif";
}

function changeImg(id, etat)
{
	if(etat==1)
	{
		if(id!=clic)
		{
			document["img"+id].src="img/menub"+id+".gif";
		}
	}
	if(etat==0)
	{ 
		if(id!=clic)
		{
			document["img"+id].src="img/menu"+id+".gif";
		}
	}
}

function affiche(id)
{
	if(clic!=0)
	{
		document["img"+clic].src="img/menu"+clic+".gif";
		document.getElementById(clic).style.visibility="hidden";
		document.getElementById("fh"+clic).style.visibility="hidden";
		document.getElementById("fb"+clic).style.visibility="hidden";
	}
	document["img"+id].src="img/menub"+id+".gif";
	document.getElementById(id).style.visibility="visible";
	document.getElementById("fh"+id).style.visibility="visible";
	document.getElementById("fb"+id).style.visibility="visible";
	document.getElementById(id).style.top="65px";
	document.getElementById(id).style.clip="rect(0px 340px 400px 0px)";
	temps=0;
	yIndex=0;	
	clic=id;
}

function scrollHaut(id, scroll)
{
	y=document.getElementById(id).offsetTop;
	if(scroll==true && y<65)
	{
		y=y+8;
		yIndex=(y-65)/8;
		document.getElementById(id).style.top=y+"px";
		document.getElementById(id).style.clip="rect("+(0-yIndex*8)+"px 340px "+(400-yIndex*8)+"px 0px)";
		temps=setTimeout("scrollHaut("+id+", true);", 20);
	}
	else
	{
		clearTimeout(temps);
	}
}

function scrollBas(id, scroll)
{
	y=document.getElementById(id).offsetTop;	
	h=document.getElementById(id).offsetHeight;
	if(scroll==true && y>65+400-h)
	{		
		y=y-8;
		yIndex=(y-65)/8;
		document.getElementById(id).style.top=y+"px";
		document.getElementById(id).style.clip="rect("+(0-yIndex*8)+"px 340px "+(400-yIndex*8)+"px 0px)";
		temps=setTimeout("scrollBas("+id+", true);", 20);
	}
	else
	{
		clearTimeout(temps);
	}
}