// JavaScript Document

function montre(id) {
	
	var d = document.getElementById(id);
		for (var i = 2; i<=4; i++) {
			if (document.getElementById('smenu'+i)) {document.getElementById('smenu'+i).style.display='none';}
		}
	if (d) {
		d.style.display='block';
		d.style.left=document.getElementById('conteneur').offsetLeft + "px";
		
	}
	switch (id){
		case 'smenu1':
			document.getElementById('lien1').style.backgroundImage = "url(images/roll_bleu1.gif)";
			document.getElementById('lien1').style.backgroundPosition='top left';
			document.getElementById('lien1').style.color="#FFFFFF";
			document.getElementById('lien2').style.backgroundImage = "url(images/puce-menu2.gif)";
			document.getElementById('lien2').style.backgroundPosition='10px 10px';
			document.getElementById('lien2').style.color="#00499e";
			document.getElementById('lien3').style.backgroundImage = "url(images/puce-menu3.gif)";
			document.getElementById('lien3').style.backgroundPosition='12px 10px';
			document.getElementById('lien3').style.color="#00499e";
			document.getElementById('lien4').style.backgroundImage = "url(images/puce-menu4.gif)";
			document.getElementById('lien4').style.backgroundPosition='12px 12px';			
			document.getElementById('lien4').style.color="#00499e";
			document.getElementById('lien5').style.backgroundImage = "url(images/puce-menu5.gif)";
			document.getElementById('lien5').style.backgroundPosition='12px 11px';
			document.getElementById('lien5').style.color="#00499e";
			document.getElementById('lien6').style.backgroundImage = "url(images/puce-menu6.gif)";
			document.getElementById('lien6').style.backgroundPosition='12px 12px';
			document.getElementById('lien6').style.color="#00499e";
			document.getElementById('lien7').style.backgroundImage = "url(images/puce-menu7.gif)";
			document.getElementById('lien7').style.backgroundPosition='12px 12px';
			document.getElementById('lien7').style.color="#00499e";
			break;
		case 'smenu2':
			document.getElementById('lien2').style.backgroundImage = "url(images/roll_bleu2.gif)"; 
			document.getElementById('lien2').style.backgroundPosition='top left';
			document.getElementById('lien2').style.color="#FFFFFF";
			document.getElementById('lien1').style.backgroundImage = "url(images/puce-menu2.gif)";
			document.getElementById('lien1').style.backgroundPosition='10px 10px';
			document.getElementById('lien1').style.color="#00499e";
			document.getElementById('lien3').style.backgroundImage = "url(images/puce-menu3.gif)";
			document.getElementById('lien3').style.backgroundPosition='12px 10px';
			document.getElementById('lien3').style.color="#00499e";
			document.getElementById('lien4').style.backgroundImage = "url(images/puce-menu4.gif)";
			document.getElementById('lien4').style.backgroundPosition='12px 12px';			
			document.getElementById('lien4').style.color="#00499e";
			document.getElementById('lien5').style.backgroundImage = "url(images/puce-menu5.gif)";
			document.getElementById('lien5').style.backgroundPosition='12px 11px';
			document.getElementById('lien5').style.color="#00499e";
			document.getElementById('lien6').style.backgroundImage = "url(images/puce-menu6.gif)";
			document.getElementById('lien6').style.backgroundPosition='12px 12px';
			document.getElementById('lien6').style.color="#00499e";
			document.getElementById('lien7').style.backgroundImage = "url(images/puce-menu7.gif)";
			document.getElementById('lien7').style.backgroundPosition='12px 12px';
			document.getElementById('lien7').style.color="#00499e";
			break;
		case 'smenu3':
			document.getElementById('lien3').style.backgroundImage = "url(images/roll_vert.gif)"; 
			document.getElementById('lien3').style.backgroundPosition='top left';
			document.getElementById('lien3').style.color="#FFFFFF";
			document.getElementById('lien1').style.backgroundImage = "url(images/puce-menu2.gif)";
			document.getElementById('lien1').style.backgroundPosition='10px 10px';
			document.getElementById('lien1').style.color="#00499e";
			document.getElementById('lien2').style.backgroundImage = "url(images/puce-menu3.gif)";
			document.getElementById('lien2').style.backgroundPosition='12px 10px';
			document.getElementById('lien2').style.color="#00499e";
			document.getElementById('lien4').style.backgroundImage = "url(images/puce-menu4.gif)";
			document.getElementById('lien4').style.backgroundPosition='12px 12px';			
			document.getElementById('lien4').style.color="#00499e";
			document.getElementById('lien5').style.backgroundImage = "url(images/puce-menu5.gif)";
			document.getElementById('lien5').style.backgroundPosition='12px 11px';
			document.getElementById('lien5').style.color="#00499e";
			document.getElementById('lien6').style.backgroundImage = "url(images/puce-menu6.gif)";
			document.getElementById('lien6').style.backgroundPosition='12px 12px';
			document.getElementById('lien6').style.color="#00499e";
			document.getElementById('lien7').style.backgroundImage = "url(images/puce-menu7.gif)";
			document.getElementById('lien7').style.backgroundPosition='12px 12px';
			document.getElementById('lien7').style.color="#00499e";
			break;
		case 'smenu4':
			document.getElementById('lien4').style.backgroundImage = "url(images/roll_rouge.gif)"; 
			document.getElementById('lien4').style.backgroundPosition='top left';
			document.getElementById('lien4').style.color="#FFFFFF";
			document.getElementById('lien1').style.backgroundImage = "url(images/puce-menu2.gif)";
			document.getElementById('lien1').style.backgroundPosition='10px 10px';
			document.getElementById('lien1').style.color="#00499e";
			document.getElementById('lien3').style.backgroundImage = "url(images/puce-menu3.gif)";
			document.getElementById('lien3').style.backgroundPosition='12px 10px';
			document.getElementById('lien3').style.color="#00499e";
			document.getElementById('lien2').style.backgroundImage = "url(images/puce-menu4.gif)";
			document.getElementById('lien2').style.backgroundPosition='12px 12px';			
			document.getElementById('lien2').style.color="#00499e";
			document.getElementById('lien5').style.backgroundImage = "url(images/puce-menu5.gif)";
			document.getElementById('lien5').style.backgroundPosition='12px 11px';
			document.getElementById('lien5').style.color="#00499e";
			document.getElementById('lien6').style.backgroundImage = "url(images/puce-menu6.gif)";
			document.getElementById('lien6').style.backgroundPosition='12px 12px';
			document.getElementById('lien6').style.color="#00499e";
			document.getElementById('lien7').style.backgroundImage = "url(images/puce-menu7.gif)";
			document.getElementById('lien7').style.backgroundPosition='12px 12px';
			document.getElementById('lien7').style.color="#00499e";
			break;
		case 'smenu5':
			document.getElementById('lien5').style.backgroundImage = "url(images/roll_orange.gif)"; 
			document.getElementById('lien5').style.backgroundPosition='top left';
			document.getElementById('lien5').style.color="#FFFFFF";
			document.getElementById('lien1').style.backgroundImage = "url(images/puce-menu2.gif)";
			document.getElementById('lien1').style.backgroundPosition='10px 10px';
			document.getElementById('lien1').style.color="#00499e";
			document.getElementById('lien3').style.backgroundImage = "url(images/puce-menu3.gif)";
			document.getElementById('lien3').style.backgroundPosition='12px 10px';
			document.getElementById('lien3').style.color="#00499e";
			document.getElementById('lien4').style.backgroundImage = "url(images/puce-menu4.gif)";
			document.getElementById('lien4').style.backgroundPosition='12px 12px';			
			document.getElementById('lien4').style.color="#00499e";
			document.getElementById('lien2').style.backgroundImage = "url(images/puce-menu5.gif)";
			document.getElementById('lien2').style.backgroundPosition='12px 11px';
			document.getElementById('lien2').style.color="#00499e";
			document.getElementById('lien6').style.backgroundImage = "url(images/puce-menu6.gif)";
			document.getElementById('lien6').style.backgroundPosition='12px 12px';
			document.getElementById('lien6').style.color="#00499e";
			document.getElementById('lien7').style.backgroundImage = "url(images/puce-menu7.gif)";
			document.getElementById('lien7').style.backgroundPosition='12px 12px';
			document.getElementById('lien7').style.color="#00499e";
			break;
		case 'smenu6':
			document.getElementById('lien6').style.backgroundImage = "url(images/roll_bleu3.gif)"; 
			document.getElementById('lien6').style.backgroundPosition='top left';
			document.getElementById('lien6').style.color="#FFFFFF";
			document.getElementById('lien1').style.backgroundImage = "url(images/puce-menu2.gif)";
			document.getElementById('lien1').style.backgroundPosition='10px 10px';
			document.getElementById('lien1').style.color="#00499e";
			document.getElementById('lien3').style.backgroundImage = "url(images/puce-menu3.gif)";
			document.getElementById('lien3').style.backgroundPosition='12px 10px';
			document.getElementById('lien3').style.color="#00499e";
			document.getElementById('lien4').style.backgroundImage = "url(images/puce-menu4.gif)";
			document.getElementById('lien4').style.backgroundPosition='12px 12px';			
			document.getElementById('lien4').style.color="#00499e";
			document.getElementById('lien5').style.backgroundImage = "url(images/puce-menu5.gif)";
			document.getElementById('lien5').style.backgroundPosition='12px 11px';
			document.getElementById('lien5').style.color="#00499e";
			document.getElementById('lien2').style.backgroundImage = "url(images/puce-menu6.gif)";
			document.getElementById('lien2').style.backgroundPosition='12px 12px';
			document.getElementById('lien2').style.color="#00499e";
			document.getElementById('lien7').style.backgroundImage = "url(images/puce-menu7.gif)";
			document.getElementById('lien7').style.backgroundPosition='12px 12px';
			document.getElementById('lien7').style.color="#00499e";
			break;
		case 'smenu7':
			document.getElementById('lien7').style.backgroundImage = "url(images/roll_gris.gif)"; 
			document.getElementById('lien7').style.backgroundPosition='top left';
			document.getElementById('lien7').style.color="#FFFFFF";
			document.getElementById('lien1').style.backgroundImage = "url(images/puce-menu2.gif)";
			document.getElementById('lien1').style.backgroundPosition='10px 10px';
			document.getElementById('lien1').style.color="#00499e";
			document.getElementById('lien3').style.backgroundImage = "url(images/puce-menu3.gif)";
			document.getElementById('lien3').style.backgroundPosition='12px 10px';
			document.getElementById('lien3').style.color="#00499e";
			document.getElementById('lien4').style.backgroundImage = "url(images/puce-menu4.gif)";
			document.getElementById('lien4').style.backgroundPosition='12px 12px';			
			document.getElementById('lien4').style.color="#00499e";
			document.getElementById('lien5').style.backgroundImage = "url(images/puce-menu5.gif)";
			document.getElementById('lien5').style.backgroundPosition='12px 11px';
			document.getElementById('lien5').style.color="#00499e";
			document.getElementById('lien6').style.backgroundImage = "url(images/puce-menu6.gif)";
			document.getElementById('lien6').style.backgroundPosition='12px 12px';
			document.getElementById('lien6').style.color="#00499e";
			document.getElementById('lien2').style.backgroundImage = "url(images/puce-menu7.gif)";
			document.getElementById('lien2').style.backgroundPosition='12px 12px';
			document.getElementById('lien2').style.color="#00499e";
			break;
	}

}