function vote(rep)
	{
	window.location='?v='+rep;
	}
function votey(rep)
	{
	window.location='?vy='+rep;
	}
	
function print(recette)
	{
	window.open('/print.php?id='+recette,'','');
	}
function load_caroussel(){
	if(document.getElementById('caroussel')){
	document.getElementById('caroussel').setAttribute('rel', '1');
	show_frame();
	for(i=1; i<=5; 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<=4; i++){
			var frame = 'frame_' + i;
			var desc = 'desc_' + i;
			var menu = 'menu_' + i;
			if(ID==i) document.getElementById(desc).style.display = "block";
			else  document.getElementById(desc).style.display = "none";
			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 = "activee";
		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 == 5){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<=4; i++){
			var frame = 'frame_' + i;
			var menu = 'menu_' + i;
			var desc = 'desc_' + i;
			document.getElementById(frame).className = "hidden";
			document.getElementById(menu).className = "menu off";
			if(position==i) document.getElementById(desc).style.display = "block";
			else  document.getElementById(desc).style.display = "none";
			
		}
		//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 = "activee";
		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 == 5){nextframe = 1;}
		
		document.getElementById('caroussel').setAttribute('rel', nextframe);
				
		//retardateur pour lancer la frame suivante
		setTimeout('show_frame()',10000);
	
}

window.onload = load_caroussel;