function showZoom(id_cadre)
{
	document.getElementById(id_cadre).style.display = "block";
}

function hideZoom(id_cadre)
{
	document.getElementById(id_cadre).style.display = "none";
}

function showPanneau(id_panneau, id_detail, rep_img)
{
	var text = "Minder ...";
	if(rep_img == "../") text = "Moins ...";
	document.getElementById(id_panneau).style.display = "block";
	document.getElementById(id_detail).innerHTML = "<a onClick='javascript:hidePanneau(\""+id_panneau+"\", \""+id_detail+"\", \""+rep_img+"\");'><img src='"+rep_img+"images/icones/moins.png'/> "+text+"</a> ";
}

function hidePanneau(id_panneau, id_detail, rep_img)
{
	var text = "Meer ...";
	if(rep_img == "../") text = "Plus ...";
	document.getElementById(id_panneau).style.display = "none";
	document.getElementById(id_detail).innerHTML = "<a onClick='javascript:showPanneau(\""+id_panneau+"\", \""+id_detail+"\", \""+rep_img+"\");'><img src='"+rep_img+"/images/icones/ajouter.png'/>  "+text+"</a> ";
}

function navigate(direction, pathToImages)
{
	var images = new Array("autres_01.jpg", "autres_02.jpg", "construction_01.jpg", "construction_02.jpg", "construction_03.jpg", "kyoto_houses_1.gif", "kyoto_houses_12.jpg", "kyoto_houses_13.jpg",
	"kyoto_houses_14.jpg", "kyoto_houses_15.jpg", "kyoto_houses_16.jpg", "kyoto_houses_17.jpg", "kyoto_houses_18.jpg", "kyoto_houses_19.jpg", "kyoto_houses_20.jpg", "kyoto_houses_21.jpg", "kyoto_houses_22.jpg",
	 "kyoto_houses_23.jpg",  "kyoto_houses_24.jpg",  "kyoto_houses_25.jpg",  "kyoto_houses_26.jpg",  "kyoto_houses_27.jpg", "maison_active_01.jpg", "maison_active_02.jpg", "maison_active_03.jpg", "maison_active_04.jpg"
	, "maison_active_05.jpg", "maison_active_06.jpg", "maison_active_07.jpg", "maison_active_08.jpg", "maison_active_09.jpg", "maison_active_10.jpg", "panneaux_solaires_01.jpg", "panneaux_solaires_02.jpg"
	, "panneaux_solaires_03.jpg", "panneaux_solaires_04.jpg", "panneaux_solaires_05.jpg", "panneaux_solaires_06.jpg", "panneaux_solaires_07.jpg", "panneaux_solaires_08.jpg", "pompe_01.jpg", "recuperation_01.jpg"
	, "traitement_01.jpg", "traitement_02.jpg");
	
	var enCours = document.getElementById("num_en_cours");
	var suivant = 0;
	var precedent = 0;
	var imagesSize = images.length;
	
	// Image en cours
	if(direction == "next")
		enCours.value = parseInt(enCours.value) + 1;
	else
		enCours.value = parseInt(enCours.value) - 1;
	
	if(enCours.value < 0)
	{
		enCours.value = parseInt((imagesSize-1));
	}
	else if(enCours.value >= imagesSize)
	{
		enCours.value = 0;
	}
	
	// Image suivante
	suivant = parseInt(enCours.value) + 1;
	if(suivant >= imagesSize)
	{
		suivant = 0;
	}
	
	// Image précédente
	precedent = parseInt(enCours.value) - 1;
	if(precedent < 0)
	{
		precedent = parseInt((imagesSize-1));
	}
	
	// Affichage des images
	document.getElementById('image_en_cours').src = pathToImages + images[enCours.value];
	document.getElementById('image_precedente').src = pathToImages + images[precedent];
	document.getElementById('image_suivante').src = pathToImages + images[suivant];
}