function load_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";
}

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; } };
	myElement.onmouseout = function() { if(myElement.className != 'menu on'){myElement.className = CSS; } };
	
	if(elementID == 'menu_special'){
		myElement.onclick = function() {
			var link = document.getElementById('link_carou_special');
			var url = link.getAttribute('href');
			window.location = url;
		};
	}
}

function frame_Rollover(ID){
	var frame_ID = 'frame_' + ID;
	if(!document.getElementById) return;
	var myElement = document.getElementById(frame_ID);
	if(!myElement) return;
	
	//retire les 2 lignes uivantes si tu ne veux pas de changement de style au rollover sur les frames
	myElement.onmouseover = function() { document.getElementById('caroussel').className = 'over'; }
	myElement.onmouseout = function() {	document.getElementById('caroussel').className = ''; }
	
	myElement.onclick = function() {
		var link_ID = "link_" + ID;
		var url = document.getElementById(link_ID).getAttribute('href');
		window.location = url;
	};

	
}

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);
		//document.getElementById('caroussel').setAttribute('rel') = ID;
   	//show_frame();
   };
}

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()',4000);
	
}