var liens;//objet contenant les liens vers les images
var numero;//numéro de la première image à afficher
var bouton_precedent;
var bouton_suivant;
var w;//dimensions du diaporama
var h;
var codeDiv;/*codeDiv correspond au code du film à afficher nouns nous en servirons
			pour différencier les différents diaporamas à afficher (un diaporama par film)*/
var idImage;/*l'identifiant de la balise <img> dans laquelle on affichera les images du diaporama
			 (une balise par film, les balises seront différenciées grace au codeFilm)*/

/*photo1,2,3,4 = les photos du diaporama; bouton_prec et bouton_suiv les boutons précédent et suivant; width et height la largeur et la hauteur
codeDiv permet la différentiation des div en fonction du code du film*/
function diaporama(photo1,photo2,photo3,photo4,bouton_prec,bouton_suiv,width,heigth,currentMovieCode){
	codeDiv=currentMovieCode;//Code du div dans lequel le diaporama sera affiché (correspond au code du film)
	idImage="image_"+currentMovieCode;//nom de la balise <img> correspondant au Film
	numero = 1;//numéro de la première image à afficher
	liens = new objet (photo1, photo2, photo3,photo4);//objet contenant les photos
	bouton_precedent=bouton_prec;
	bouton_suivant=bouton_suiv;
	w=width;
	h=heigth;
	peupler();//On peuple la div diaporama correspondant au film ayant comme code "codeFilm"
}
/*fonction qui peuple la div ayant pour id Diaporama_codeDiv avec un diaporama
le _codeDiv sert à différencier 2 diaporamas qui sont sur la même page mais
qui correspondent au détail de deux films différents*/
function peupler(){
	var nomDivDiaporama="Diaporama_"+codeDiv;
	document.getElementById(nomDivDiaporama).innerHTML="<table width='"+w+" px' height='"+h+" px' border='0' align='center'><tr><td align='center'><img src="+bouton_precedent+" style='cursor:pointer;' title='Precedente' onClick='precedente("+idImage+");'></td><td align='center'>&nbsp;<img src="+liens[1]+" id="+idImage+"></td><td align='center'><img src="+bouton_suivant+" style='cursor:pointer;' title='Suivante' onClick='suivante("+idImage+");'></td></tr></table>";
	/*cache les 4 premiers paramètres qui sont des div représentés par leur Id et affiche le dernier*/
}
/*Création d'un objet contenant les images*/
function objet() {
	this.length = objet.arguments.length
	for (var i = 0; i < this.length; i++) this[i+1] = objet.arguments[i]
}
/*Passer à la photo suivante du diaporama*/
function suivante(Im) {
	numero += 1;
	if (numero == liens.length + 1) numero = 1;
		Im.src = liens[numero];
}
/*Passer à la photo précédente du diaporma*/
function precedente(Im) {
	numero -= 1;
	if (numero == 0) numero = liens.length;
		Im.src = liens[numero];
}




