/* Caroussel by Quentin Ravinet */ 

function load_caroussel(){
	document.getElementById('caroussel').setAttribute('rel', '1');
	show_frame();
	for(i=1; i<=4; i++){
		var menu_id = 'menu_slide_' + i;
		menu_Rollover(menu_id, 'slidemenu', 'slidemenu over');
		//frame_Rollover(i);
		menu_show_frame(i);
	}
	
	document.getElementById('menu_slide_1').className = "slidemenu active";
}

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 != 'slidemenu active'){myElement.className = CSS_Over; } };
	myElement.onmouseout = function() { if(myElement.className != 'slidemenu active'){myElement.className = CSS; } };
	
}

function show_frame(){
		var position = eval(document.getElementById('caroussel').getAttribute('rel'));
		//on remet tout à zéro
		for(i=1; i<=4; i++){
			var frame = 'slide_' + i;
			var menu = 'menu_slide_' + i;
			document.getElementById(frame).className = "slide hidden";
			document.getElementById(menu).className = "slidemenu";
		}
		
		//on affiche la frame et met un style spécial au menu
		var current_frame = 'slide_' + position;
		var current_menu = 'menu_slide_' + position;
		document.getElementById(current_frame).className = "slide";
		document.getElementById(current_menu).className = "slidemenu active";
		
		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 == 5){nextframe = 1;}
		
		document.getElementById('caroussel').setAttribute('rel', nextframe);
				
		//retardateur pour lancer la frame suivante
		setTimeout('show_frame()',6000);
	
}

function menu_show_frame(ID){
	var elementID = 'menu_slide_' + 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<=4; i++){
			var frame = 'slide_' + i;
			var menu = 'menu_slide_' + i;
			document.getElementById(frame).className = "slide hidden";
			document.getElementById(menu).className = "slidemenu";
		}
		//on affiche la frame et met un style spécial au menu
		var current_frame = 'slide_' + ID;
		var current_menu = 'menu_slide_' + ID;
		document.getElementById(current_frame).className = "slide";
		document.getElementById(current_menu).className = "slidemenu active";
		
		//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 == 5){nextframe = 1;}
		document.getElementById('caroussel').setAttribute('rel', nextframe);
   };
}