function load_caroussel(){
	if(document.getElementById('caroussel')){
		document.getElementById('caroussel').setAttribute('rel', '1');
		show_frame();
		for(i=1; i<=4; i++){
			var menu_id = 'menu_' + i;
			menu_Rollover(menu_id, 'menu off', 'menu over');
			frame_Rollover(i);
			menu_show_frame(i);
		}
		menu_Rollover('menu_special', 'menu special', 'menu special over');
		document.getElementById('menu_1').className = "menu on";
		return false;
	}
}

function menu_Rollover(elementID, CSS, CSS_Over){
	if(!document.getElementById) return;
	var myElement = document.getElementById(elementID);
	if(!myElement) return;

	myElement.className = CSS;
	myElement.onmouseover = function() { if(myElement.className != 'menu on'){myElement.className = CSS_Over; return false;} };
	myElement.onmouseout = function() { if(myElement.className != 'menu on'){myElement.className = CSS; return false;} };
	
	if(elementID == 'menu_special'){
		myElement.onclick = function() {
			var link = document.getElementById('link_carou_special');
			var url = link.getAttribute('href');
			window.location = url;
			return false;
		};
	}
}

function frame_Rollover(ID){
	var frame_ID = 'frame_' + ID;
	if(!document.getElementById) return;
	var myElement = document.getElementById(frame_ID);
	if(!myElement) return;
	
	myElement.onmouseover = function() { document.getElementById('caroussel').className = 'over'; return false;}
	myElement.onmouseout = function() {	document.getElementById('caroussel').className = ''; return false;}
	myElement.onclick = function() {
		var link_ID = "link_" + ID;
		var url = document.getElementById(link_ID).getAttribute('href');
		window.location = url;
		return false;
	};

	
}

function menu_show_frame(ID){
	var elementID = 'menu_' + ID;
	if(!document.getElementById) return;
	var myElement = document.getElementById(elementID);
	if(!myElement) return;
	myElement.onclick = function() {
		//on remet tout à zéro
		for(i=1; i<=3; i++){
			var frame = 'frame_' + i;
			var menu = 'menu_' + i;
			document.getElementById(frame).className = "hidden";
			document.getElementById(menu).className = "menu off";
		}
		//on affiche la frame et met un style spécial au menu
		var current_frame = 'frame_' + ID;
		var current_menu = 'menu_' + ID;
		document.getElementById(current_frame).className = "active";
		document.getElementById(current_menu).className = "menu on";
		
		//on définit quelle est la frame suivante
		var nextframe = eval(ID) + 1;
		//si on est sur la derniere on repasse sur la premiere
		if(nextframe == 4){nextframe = 1;}
		document.getElementById('caroussel').setAttribute('rel', nextframe);
   };
}

function show_frame(){
		var position = eval(document.getElementById('caroussel').getAttribute('rel'));
				
		//on remet tout à zéro
		for(i=1; i<=3; i++){
			var frame = 'frame_' + i;
			var menu = 'menu_' + i;
			document.getElementById(frame).className = "hidden";
			document.getElementById(menu).className = "menu off";
		}
		//on affiche la frame et met un style spécial au menu
		var current_frame = 'frame_' + position;
		var current_menu = 'menu_' + position;
		document.getElementById(current_frame).className = "active";
		document.getElementById(current_menu).className = "menu on";
		
		rotate_frames(position);
}

function rotate_frames(startframe){

		//on définit quelle est la frame suivante
		var nextframe = startframe + 1;
		//si on est sur la derniere on repasse sur la premiere
		if(nextframe == 4){nextframe = 1;}
		
		document.getElementById('caroussel').setAttribute('rel', nextframe);
				
		//retardateur pour lancer la frame suivante
		setTimeout('show_frame()',8000);
	
}


function Lien() {
	i = document.Choix.Liste.selectedIndex;
	if (i == 0) return;
	url = document.Choix.Liste.options[i].value;
	parent.location.href = url;
}