var lesVignettes = new Array();
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("imageAleatoire");
	
	var innerhtmlimage="<a name='img"+whatsee+"'></a><img src='"+listImages[whatsee][0]+"' onClick=\'onferme();\' />";
	imageaouvrir.innerHTML=innerhtmlimage;
	imageaouvrir.style.display="block";
	document.getElementById("fondpresimage").style.display="block";
}

function onferme() {
	var imageafermer=document.getElementById("imageAleatoire");
	imageafermer.style.display="none";
	document.getElementById("fondpresimage").style.display="none";
}

function unNumeroSVP() {
	var numeroalea = Math.floor(Math.random()*listImages.length);
	return numeroalea;
}

function genererVignettes() {
	for (x=0;x<nbvignettes;x++) {
		var celleLa = unNumeroSVP();
		  for (y=0; y<lesVignettes.length;y++) {
			  if (celleLa == lesVignettes[y]) { celleLa = unNumeroSVP(); } 
		  }
		  lesVignettes[lesVignettes.length]=celleLa;
	}
}
function afficherVignettes() {
genererVignettes();
for (x=0;x<nbvignettes;x++) {
		var imagenum = lesVignettes[x];
		document.write("<a href=\'#img",imagenum,"\' onClick=\'onvoit(",imagenum,");\'><img src=",listImages[imagenum][1],"  /></a>");
	}
}


function initdiv() {
	var styleclassdudiv ="<style type='text/css'>";	
	styleclassdudiv +="#fondpresimage {";
	styleclassdudiv +="-moz-opacity:0.8;";
	styleclassdudiv +="opacity: 0.8;";
	styleclassdudiv +="filter:alpha(opacity=80);";
	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 +="#imageAleatoire { ";
	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 +="#imageAleatoire img {";
	styleclassdudiv +="margin-top: 1%;";
	styleclassdudiv +="border: 5px solid #000; ";
	styleclassdudiv +="height: 98%;";
	styleclassdudiv +="} </style>";
	styleclassdudiv +="<div id=\'fondpresimage\'>";
	styleclassdudiv +="<\/div>";
	styleclassdudiv +="<div id=\'imageAleatoire\'>";
	styleclassdudiv +="<\/div>";

	document.getElementsByTagName("body")[0].innerHTML += styleclassdudiv;
}



afficherVignettes();
addEvent(window, "load", initdiv);