var etape_en_cours = 1;

function nextEtape(){
	for(i = 1;i < 20;i++){
		if($("etape_"+i)){
			$("etape_"+i).style.display = 'none';
			if($("etape_"+i).hasClass('active') == true){
				$("etape_"+i).removeClass('active');
			}
		}
	}

	var new_etape = etape_en_cours+1;

	if($("etape_"+new_etape)){
		$("etape_"+new_etape).addClass('active');
		$("etape_"+new_etape).style.display = 'block';
		afficheImgEtape(new_etape);
		etape_en_cours++;
		griser();
	}
	else{
		$("etape_"+etape_en_cours).addClass('active');
		$("etape_"+etape_en_cours).style.display = 'block';
	}
}

function prevEtape(){
	for(i = 1;i < 20;i++){
		if($("etape_"+i)){
			$("etape_"+i).style.display = 'none';
			if($("etape_"+i).hasClass('active') == true){
				$("etape_"+i).removeClass('active');
			}
		}
	}

	var new_etape = etape_en_cours-1;

	if($("etape_"+new_etape)){
		etape_en_cours--;
		$("etape_"+new_etape).addClass('active');
		$("etape_"+new_etape).style.display = 'block';
		afficheImgEtape(new_etape);
		griser();
	}
	else{
		$("etape_1").style.display = 'block';
		$("etape_1").addClass('active');
	}
}

function afficheImgEtape(etape){
	for(i = 1;i < 12;i++){
		if($("image_etape_"+i))	$("image_etape_"+i).style.display = 'none';
	}

	if($("image_etape_"+etape))	$("image_etape_"+etape).style.display = 'block';
}

function ecouterClavier(e){
	if(window.addEventListener){
		//window.addEvent('keydown',function(e){
			if(tour>0){
				if(e.keyCode == 39 || e.keyCode == 32){
					nextEtape();
				}
				else if(e.keyCode == 37){
					prevEtape();
				}
				else if(e.keyCode == 27){
					degriser();	
				}
			}
		//});
	}
	else if(window.attachEvent){
		//document.attachEvent("onkeydown",function(){
			if(tour>0){
				if(event.keyCode == 39 || event.keyCode == 32){
					nextEtape();
				}
				else if(event.keyCode == 37){
					prevEtape();
				}
				else if(event.keyCode == 27){
					degriser();	
				}
			}
		//});
	}
}

function degriser(){
	$('onglet_recette').removeClass('inactif');
	$('onglet_recette').addClass('actif');
	$('onglet_etapes').removeClass('actif');
	$('onglet_etapes').addClass('inactif');

	for(i = 1;i < 20;i++){
		if($("etape_"+i)){
			if($("etape_"+i).hasClass('active') == true){
				$("etape_"+i).removeClass('active');
			}
			$("etape_"+i).style.display = 'list-item';
		}
	}

	$('clavier').style.display = 'none';
	tour_etape0 = 0;
	if(timeout_etape0)clearTimeout(timeout_etape0);

	afficheImgEtape(11);
	etape_en_cours = 1;
	tour = 0;
}

var tour = 0;
function griser(etape){
	if(etape == 1){
		$('onglet_recette').removeClass('actif');
		$('onglet_recette').addClass('inactif');
		$('onglet_etapes').removeClass('inactif');
		$('onglet_etapes').addClass('actif');

		for(i = 1;i < 20;i++){
			if($("etape_"+i)){
				$("etape_"+i).style.display = 'none';
			}
		}

		masqueEtape0();
	}
}

var timeout_etape0;
var tour_etape0 = 0;
function masqueEtape0(){
	if(tour_etape0 == 1){
		$('clavier').style.display = 'none';
		clearTimeout(timeout_etape0);

		if($("etape_1")){
			$("etape_1").addClass('active');
			$("etape_1").style.display = 'block';
			afficheImgEtape(1);	
		}
		etape_en_cours = 1;
		if(tour == 0){
			tour++;
			document.onkeydown = ecouterClavier;
		}
	}
	else{
		$('clavier').style.display = '';
		afficheImgEtape();
		timeout_etape0 = setTimeout("masqueEtape0()",5000);
	}
	tour_etape0 = 1;
}
var perso = 4;
function personne(type){
	//var perso = 4;
	switch(type){
		case '+':
			for($j = 0;$j < 21;$j++){
				if($('personnes_'+$j)){
					if($('personnes_'+$j).style.display == 'block') perso = $j;
					$('personnes_'+$j).style.display = 'none';
				}
			}
			if($('personnes_'+perso)){
				next = parseInt(perso+1);
				if($('personnes_'+next))perso++;
				$('personnes_'+perso).style.display = 'block';
				$('nb_perso').innerHTML = perso;
			}
			
			break;
		case '-':
			for($j = 0;$j < 21;$j++){
				if($('personnes_'+$j)){
					if($('personnes_'+$j).style.display == 'block') perso = $j;
					$('personnes_'+$j).style.display = 'none';
				}
			}
			if($('personnes_'+perso)){
				prev = parseInt(perso-1);
				if($('personnes_'+prev))perso--;
				$('personnes_'+perso).style.display = 'block';
				$('nb_perso').innerHTML = perso;
			}
			break;
	}
	if($('pluriel') && perso == 1)$('pluriel').innerHTML = '';
	else if($('pluriel') && perso > 1)$('pluriel').innerHTML = 's';
}

var ast = 1;

function turn_astuce(){
	for(i = 0; i < 11; i++){
		if($('turn_astuce_'+i)){
			$('turn_astuce_'+i).style.display = 'none';
		}
	}

	if($('turn_astuce_'+ast)){
		$('turn_astuce_'+ast).style.display = 'block';
		ast++;
	}
	else{
		$('turn_astuce_0').style.display = 'block';
		ast = 0;
	}
	setTimeout("turn_astuce()",10000);
}

function lirelasuite(id){
	$$('#'+id+' .bodier')[0].style.height = 'auto';
	$$('#'+id+' .bodier')[0].style.overflow = 'visible';
	$$('#'+id+' .footer')[0].innerHTML = '<a class="suite" href="javascript:reduirelasuite(\''+id+'\');">R&eacute;duire</a>';
}

function reduirelasuite(id){
	$$('#'+id+' .bodier')[0].style.height = '120px';
	$$('#'+id+' .bodier')[0].style.overflow = 'hidden';
	$$('#'+id+' .footer')[0].innerHTML = '<a class="suite" href="javascript:lirelasuite(\''+id+'\');">Lire la suite</a>';
}

var _data;

function fcInit(){
	if(document.getElementById('btImprimer')){
		var delegate=new Delegate();
		var bouton=document.getElementById('btImprimer');
		bouton.onmouseup=delegate.create(this,fcLanceImpression);
	}
}

function fcLanceImpression(){
	var filename="imprimer.php";
	
	var imprime=new Imprimer();
	var contenu1=imprime.fcRecup("titre");
	var contenu2=imprime.fcRecup("personnes_"+perso);
	var contenu3=imprime.fcRecup("recetteComplete");
	
	_data="<div><center><img src='./img/impression/header-impression.jpg'</center></div><div id='titre'><p>"+contenu1+"</p></div><table width='250px' id='tableIngredient'><tr width='250px'><td width='250px' id='tdtableIngredient'><span id='titreNbPersonne'>Ingr&eacute;dients pour <span id='nbPersonne'>"+perso+"</span> personnes</span></td></tr><tr width='250px'><td width='250px'><span id='ingredient'>"+contenu2+"</span></td></tr></table><div id='texteRecette'><ul>"+contenu3+"</ul></div>";
	window.open(filename+"?titre="+contenu1,
			'recetteImprime',
			'directorie=yes,menubar=yes,status=yes,location=yes,scrollbars=auto,resizable=yes,height=850px,width=650px');
}

window.addEvent('domready', function(){
	fcInit();
});