var listImages = new Array();
var photocourante=0;
var modevisu=false;
var boutils;
var tempophoto=5000;
var etatphoto="stopper";
var idphototime;

function addEvent(ou, eventName, quoi) {
if (ou.addEventListener)ou.addEventListener(eventName, quoi, false);
else if (ou.attachEvent) ou.attachEvent('on'+eventName, quoi);
}

function onvoit(whatsee) {

	var imageaouvrir=document.getElementById("airImage");
	var innerhtmlimage=boutils+"<img title='Cliquer ici pour revenir aux vignettes' src='"+listImages[whatsee]+"' onClick=\'onferme();\' />";
	imageaouvrir.innerHTML=innerhtmlimage;
	imageaouvrir.style.display="block";
	document.getElementById("fondpresimage").style.display="block";
	photocourante=whatsee;
	modevisu=true;
}

function onferme() {
document.getElementById("airImage").style.display="none";
document.getElementById("fondpresimage").style.display="none";
  if (idphototime) {
  clearTimeout(idphototime);
  etatphoto="stopper";
  }
  modevisu=false;
}

function photoprecedente(){
	if (photocourante==0) { photocourante=listImages.length; }
	photocourante--;
	document.getElementById("airImage").innerHTML=boutils+"<img src='"+listImages[photocourante]+"' onClick=\'onferme();\' />";
}	


function photosuivante(){
	photocourante++;
	if (photocourante==listImages.length) { photocourante=0; }
	document.getElementById("airImage").innerHTML=boutils+"<img src='"+listImages[photocourante]+"' onClick=\'onferme();\' />";
}	

function autoSlide() {
	photosuivante();
	idphototime= setTimeout("autoSlide()",tempophoto);
}

function vitessephoto(quellevitesse) {
    if (quellevitesse == "moins") {
    tempophoto = tempophoto + 1000;
    }
    if (quellevitesse == "plus") {
    tempophoto = tempophoto - 1000;
    }

    if (quellevitesse == "evet") {
       if (etatphoto == "tourne") {
       clearTimeout(idphototime);
       etatphoto="stopper";
       } else {
       etatphoto="tourne";
       autoSlide();
       }
    }
    if (tempophoto < 3000) { tempophoto=3000; }
    if (tempophoto > 20000) { tempophoto=20000; }
}

function initdiv() {
	var styleclassdudiv ="<style type='text/css'>";	
	styleclassdudiv +="#fondpresimage {";
	styleclassdudiv +="-moz-opacity:0.9;";
	styleclassdudiv +="opacity: 0.9;";
	styleclassdudiv +="filter:alpha(opacity=90);";
	styleclassdudiv +="position: absolute;";
	styleclassdudiv +="top: 0px;";
	styleclassdudiv +="left: 0px;";
	styleclassdudiv +="border: none ";
	styleclassdudiv +="z-index: 1000; ";
	styleclassdudiv +="background-color: #000; ";
	styleclassdudiv +="width: 100%;";
	styleclassdudiv +="height: 100%;";
	styleclassdudiv +="margin: 0;";
	styleclassdudiv +="display: none;";
	styleclassdudiv +="}";
	
	styleclassdudiv +="#airImage {";
	styleclassdudiv +="position: absolute;";
	styleclassdudiv +="top: 0px;";
	styleclassdudiv +="left: 0px;";
	styleclassdudiv +="text-align: center; ";
	styleclassdudiv +="border: none ;";
	styleclassdudiv +="z-index: 3500; ";
	styleclassdudiv +="background-color: transparent ;";
	styleclassdudiv +="width: 90%;";
	styleclassdudiv +="height: 90%;";
	styleclassdudiv +="margin-top: 5%;";
	styleclassdudiv +="margin-left: 5%;";
	styleclassdudiv +="display: none;";
	styleclassdudiv +="}";
	
	styleclassdudiv +="#airImage img {";
	styleclassdudiv +="margin-top: auto;";
	styleclassdudiv +="border: none; ";
	styleclassdudiv +="max-width: 100%;";
	styleclassdudiv +="max-height: 100%;";
	styleclassdudiv +="}";
	
	styleclassdudiv +="#airImage a {";
	styleclassdudiv +="border: none; ";
	styleclassdudiv +="background-color: #88A;";
	styleclassdudiv +="}";
	
	styleclassdudiv +="#airImage a:hover {";
	styleclassdudiv +="background-color: #AAC;";
	styleclassdudiv +="}";


	styleclassdudiv +="#album-content {";
	styleclassdudiv +="display: none;";
	styleclassdudiv +="}";
	
	styleclassdudiv +="#album-nav {";
	styleclassdudiv +="width:100%;";
	styleclassdudiv +="text-align: center;";
	styleclassdudiv +="}";
	
	styleclassdudiv +="#album-content img {";
	styleclassdudiv +="margin: 5px 5px 0;";
	styleclassdudiv +="}";
	
	
	styleclassdudiv +="</style>";
	
	styleclassdudiv +="<div id=\'fondpresimage\'><a name='#123imgphoto' id='#123imgphoto'></a>";
	styleclassdudiv +="<\/div>";
		
	styleclassdudiv +="<div id=\'airImage\'>";
	styleclassdudiv +="<\/div>";
	document.getElementsByTagName("body")[0].innerHTML += styleclassdudiv;
	boutils = "<a href=\'#\' title='Precedente' alt='precedente' onClick='photoprecedente();'><img src='http://contes-de-web.fr/img/precedent.gif' /></a>";
	boutils +="<a href=\'#\' title='Moins vite ' alt='moins_vite' onClick='vitessephoto(\"moins\");'><img src='http://contes-de-web.fr/img/moinsvite.gif' /></a>";
	boutils +="<a href=\'#\' title='Diaporama' alt='diaporama' onClick='vitessephoto(\"evet\");'><img src='http://contes-de-web.fr/img/diapo.gif' /></a>";
	boutils +="<a href=\'#\' title='Vignettes' alt='vignettes' onClick=\'onferme();\'><img src='http://contes-de-web.fr/img/selection.gif' /></a>";
	boutils +="<a href=\'#\' title='Plus vite ' alt='plus_vite' onClick='vitessephoto(\"plus\");'><img src='http://contes-de-web.fr/img/plusvite.gif' /></a>";
	boutils +="<a href=\'#\' title='Suivante' alt='suivante' onClick='photosuivante();'><img src='http://contes-de-web.fr/img/suivant.gif' /></a><br />";
}


function runit() {
var lienphotos = document.getElementById("album-nav");
listphotos=lienphotos.getElementsByTagName("img");

var nouveaucontent = document.getElementById("album-nav");

var contentNavHTML='<div class="albumcol">';
for (x=0; x<listphotos.length; x++) {
	listImages[x] = listphotos[x].src.replace("_q.",".");
	contentNavHTML += "<a href=\'#123imgphoto\' onClick=\'onvoit("+x+");\'><img src="+listphotos[x].src+"  /></a>";
	}
nouveaucontent.innerHTML=contentNavHTML;
	initdiv();
}

addEvent(window, "load", runit);