//***********************************************************
//*********       DIAPORAMA par A.LECOANET         **********
//***********************************************************
//***********************************************************
// L'INSTALLATION:
// -------------
// dans votre page html, ajouter entre les balises <HEAD> et </HEAD>
//
// 	<SCRIPT LANGUAGE="JavaScript" SRC="../js/diaporama.js"></SCRIPT>
// 	<SCRIPT LANGUAGE="JavaScript">
// 	var nb=4;
//	var racine="corde";
// 	diaporama(nb,racine)
// 	</SCRIPT>
//
// en s'assurant que le fichier diaporama.js se trouve bien a l'endroit indiqu&eacute;
// la ligne: 
//       var nb=4;
// indiquera le nombre total d'images de votre diaporama
// la ligne: 
//       var racine="corde";
// indiquera la racine du nom de vos images et de vos pages html li&eacute;es
//
// dans votre code html, a l'endroit ou vous souhaitez voir votre diaporama, ajouter les lignes
//
// 	<A HREF="javascript:precedant()"><img name="preced" src="../images/back_canso0.jpg" align="center" width=34 height=62 border=0></A>
//      <A HREF="javascript:agrandir()"><img name="diapo" src="../images/corde0.jpg" align="center" width="167" height="117" border="0"></A>
//      <A HREF="javascript:suivant()"><img name="suivan" src="../images/back_canso2.jpg" align="center" width=34 height=62 border=0></A>
//
// changez 'corde0' pour le nom de votre premiere image et ajuster la taille de celle ci grace aux variables 'width' et 'height' 
//
// LES CONTRAINTES:
// ---------------
// toutes vos images seront en .jpg et nomm&eacute;es racine0.jpg, racine1.jpg, racine2.jpg.......
// les pages html s'y r&eacute;f&eacute;rent seront nom&eacute;s racine0.html, racine1.html, racine2.html.......
// et enfin, toutes vos images auront exactement la m&ecirc;me taille.
//
// LES OPTIONS:
// -----------
// le demarrage automatique avec timer jusqu'a ce que l'on clique dans le diaporama:
// 	ajoutez "startimer(vitesse en ms)"
//      ex : startimer(1500) pour une tempo de 1"5
//      dans la d&eacute;finition, soit :
// 	  <SCRIPT LANGUAGE="JavaScript">
// 	  var nb=4;
//	  var racine="corde";
// 	  diaporama(nb,racine)
//        startimer(1500)
// 	  </SCRIPT>
//
// pour d&eacute;sactivez le renvoi vers les pages HTML correspondant:
// 	otez les balises <A HREF....> et </A> de la ligne corresponsdant a l'image initiale
//
//***********************************************************
//*********                 MERCI                  **********
//***********************************************************

prec = new Image();prec.src = "../images/next.jpg"
prec0 = new Image();prec0.src = "../images/nulle.jpg"
suiv = new Image();suiv.src = "../images/previous.jpg"
suiv0 = new Image();suiv0.src = "../images/nulle.jpg"

//declaration des images du diaporama (nombre et nom)
//ttes les images sont de la forme nom0.jpg, nom1.jpg, nom2.jpg ....

function diaporama(nb,racine){
image=new Array(nb)	
	var i=0
	while (i<nb) {
	 image[i]=new Image()
	 image[i].src="../images/"+racine+i+".jpg"
	 i++
	}
}

var temp = 0;

function startimer(vitesse) {
 temp++
 if (temp == nb){
  temp=0
 }
 document.diapo.src=image[temp].src
 anim=setTimeout('startimer(' + vitesse + ')',vitesse)
}

function stoptimer(){
 clearTimeout(anim) 
}

var compteur = 0

function suivant() {
 compteur++
 if (compteur<(nb-1)){
  document.diapo.src=image[compteur].src
  document.preced.src = eval("prec.src")
 }else{
  if (compteur == (nb-1)){
    document.diapo.src=image[compteur].src
    document.suivan.src = eval("suiv0.src")
    document.preced.src = eval("prec.src")
  }else{
    compteur--
    document.suivan.src = eval("suiv0.src")
  }
 }
}

function precedant() {
 compteur--
 if (compteur>0){
  document.diapo.src=image[compteur].src
  document.suivan.src = eval("suiv.src")
 }else{
   if (compteur == 0){
     document.diapo.src=image[compteur].src
     document.preced.src = eval("prec0.src")
     document.suivan.src = eval("suiv.src")
   }else{
     compteur++
     document.preced.src = eval("prec0.src")
   }
 }
}

//fonction agrandir
//on redirige vers la page contenant l agrandissement en fonction du numero de l image

function agrandir() {
  var long1 = racine.length;
  var num=(document.diapo.src.substring(document.diapo.src.indexOf(racine)+long1,document.diapo.src.length-4))
    window.location.href = racine+num+".html";

}

//***********************************************************
//pour un deuxieme diaporama dans la meme page
//***********************************************************

prec2 = new Image();prec2.src = "../images/next.jpg"
prec20 = new Image();prec20.src = "../images/nulle.jpg"
suiv2 = new Image();suiv2.src = "../images/previous.jpg"
suiv20 = new Image();suiv20.src = "../images/nulle.jpg"

function diaporama2(nb2,racine2){
	image2=new Array(nb2)
	var i=0
	while (i<nb2) {
	 image2[i]=new Image()
	 image2[i].src="../images/"+racine2+i+".jpg"
	 i++
	}
}

var temp2 = 0;

function startimer2(vitesse2) {
 temp2++
 if (temp2 == nb2){
  temp2=0
 }
 document.diapo2.src=image2[temp2].src
 anim=setTimeout('startimer2(' + vitesse2 + ')',vitesse2)
}

function stoptimer2(){
 clearTimeout(anim) 
}

var compteur2 = 0

function suivant2() {
 compteur2++
 if (compteur2 < (nb2-1)){
  document.diapo2.src=image2[compteur2].src
  document.preced2.src = eval("prec2.src")
 }else{
  if (compteur2 == (nb2-1)){
    document.diapo2.src=image2[compteur2].src
    document.suivan2.src = eval("suiv20.src")
  }else{
    compteur2--
    document.suivan2.src = eval("suiv20.src")
  }
 }
}

function precedant2() {
 compteur2--
 if (compteur2>0){
  document.diapo2.src=image2[compteur2].src
  document.suivan2.src = eval("suiv2.src")
 }else{
   if (compteur2 == 0){
     document.diapo2.src=image2[compteur2].src
     document.preced2.src = eval("prec20.src")
     document.suivan2.src = eval("suiv2.src")
   }else{
     compteur2++
     document.preced2.src = eval("prec20.src")
   }
 }
}

function agrandir2() {
  var long2 = racine2.length;
  var num2=(document.diapo2.src.substring(document.diapo2.src.indexOf(racine2)+long2,document.diapo2.src.length-4))
  window.location.href = racine2+num2+".html";
}

//***********************************************************
//pour un troisieme diaporama dans la meme page
//***********************************************************

prec3 = new Image();prec3.src = "../images/next.jpg"
prec30 = new Image();prec30.src = "../images/nulle.jpg"
suiv3 = new Image();suiv3.src = "../images/previous.jpg"
suiv30 = new Image();suiv30.src = "../images/nulle.jpg"

function diaporama3(nb3,racine3){
	image3=new Array(nb3)
	var i=0
	while (i<nb3) {
	 image3[i]=new Image()
	 image3[i].src="../images/"+racine3+i+".jpg"
	 i++
	}
}

var temp3 = 0;

function startimer3(vitesse3) {
 temp3++
 if (temp3 == nb3){
  temp3=0
 }
 document.diapo3.src=image3[temp3].src
 anim3=setTimeout('startimer3(' + vitesse3 + ')',vitesse3)
}

function stoptimer3(){
 clearTimeout(anim3) 
}

var compteur3 = 0

function suivant3() {
 compteur3++
 if (compteur3 < (nb3-1)){
  document.diapo3.src=image3[compteur3].src
  document.preced3.src = eval("prec3.src")
 }else{
  if (compteur3 == (nb3-1)){
    document.diapo3.src=image3[compteur3].src
    document.suivan3.src = eval("suiv30.src")
  }else{
    compteur3--
    document.suivan3.src = eval("suiv30.src")
  }
 }
}

function precedant3() {
 compteur3--
 if (compteur3 > 0){
  document.diapo3.src=image3[compteur3].src
  document.suivan3.src = eval("suiv3.src")
 }else{
   if (compteur3 == 0){
     document.diapo3.src=image3[compteur3].src
     document.preced3.src = eval("prec30.src")
   }else{
     compteur3++
     document.preced3.src = eval("prec30.src")
   }
 }
}

function agrandir3() {
  var long3 = racine3.length;
  var num3=(document.diapo3.src.substring(document.diapo3.src.indexOf(racine3)+long3,document.diapo3.src.length-4))
  window.location.href = racine3+num3+".html";
}
//***********************************************************
//pour un quatrieme diaporama dans la meme page
//***********************************************************

prec4 = new Image();prec4.src = "../images/next.jpg"
prec40 = new Image();prec40.src = "../images/nulle.jpg"
suiv4 = new Image();suiv4.src = "../images/previous.jpg"
suiv40 = new Image();suiv40.src = "../images/nulle.jpg"

function diaporama4(nb4,racine4){
	image4=new Array(nb4)
	var i=0
	while (i<nb4) {
	 image4[i]=new Image()
	 image4[i].src="../images/"+racine4+i+".jpg"
	 i++
	}
}

var temp4 = 0;

function startimer4(vitesse4) {
 temp4++
 if (temp4 == nb4){
  temp4=0
 }
 document.diapo4.src=image4[temp4].src
 anim4=setTimeout('startimer4(' + vitesse4 + ')',vitesse4)
}

function stoptimer4(){
 clearTimeout(anim4) 
}

var compteur4 = 0

function suivant4() {
 compteur4++
 if (compteur4 < (nb4-1)){
  document.diapo4.src=image4[compteur4].src
  document.preced4.src = eval("prec4.src")
 }else{
  if (compteur4 == (nb4-1)){
    document.diapo4.src=image4[compteur4].src
    document.suivan4.src = eval("suiv40.src")
  }else{
    compteur4--
    document.suivan4.src = eval("suiv40.src")
  }
 }
}

function precedant4() {
 compteur4--
 if (compteur4 > 0){
  document.diapo4.src=image4[compteur4].src
  document.suivan4.src = eval("suiv4.src")
 }else{
   if (compteur4 == 0){
     document.diapo4.src=image4[compteur4].src
     document.preced4.src = eval("prec40.src")
   }else{
     compteur4++
     document.preced4.src = eval("prec40.src")
   }
 }
}

function agrandir4() {
  var long4 = racine4.length;
  var num4=(document.diapo4.src.substring(document.diapo4.src.indexOf(racine4)+long4,document.diapo4.src.length-4))
  window.location.href = racine4+num4+".html";
}

//***********************************************************
//pour un cinquieme diaporama dans la meme page
//***********************************************************

prec5 = new Image();prec5.src = "../images/next.jpg"
prec50 = new Image();prec50.src = "../images/nulle.jpg"
suiv5 = new Image();suiv5.src = "../images/previous.jpg"
suiv50 = new Image();suiv50.src = "../images/nulle.jpg"

function diaporama5(nb5,racine5){
	image5=new Array(nb5)
	var i=0
	while (i<nb5) {
	 image5[i]=new Image()
	 image5[i].src="../images/"+racine5+i+".jpg"
	 i++
	}
}

var temp5 = 0;

function startimer5(vitesse5) {
 temp5++
 if (temp5 == nb5){
  temp5=0
 }
 document.diapo5.src=image5[temp5].src
 anim5=setTimeout('startimer5(' + vitesse5 + ')',vitesse5)
}

function stoptimer5(){
 clearTimeout(anim5) 
}

var compteur5 = 0

function suivant5() {
 compteur5++
 if (compteur5 < (nb5-1)){
  document.diapo5.src=image5[compteur5].src
  document.preced5.src = eval("prec5.src")
 }else{
  if (compteur5 == (nb5-1)){
    document.diapo5.src=image5[compteur5].src
    document.suivan5.src = eval("suiv50.src")
  }else{
    compteur5--
    document.suivan5.src = eval("suiv50.src")
  }
 }
}

function precedant5() {
 compteur5--
 if (compteur5 > 0){
  document.diapo5.src=image5[compteur5].src
  document.suivan5.src = eval("suiv5.src")
 }else{
   if (compteur5 == 0){
     document.diapo5.src=image5[compteur5].src
     document.preced5.src = eval("prec50.src")
   }else{
     compteur5++
     document.preced5.src = eval("prec50.src")
   }
 }
}

function agrandir5() {
  var long5 = racine5.length;
  var num5=(document.diapo5.src.substring(document.diapo5.src.indexOf(racine5)+long5,document.diapo5.src.length-4))
  window.location.href = racine5+num5+".html";
}

//***********************************************************
//pour un sixi&egrave;me diaporama dans la meme page
//***********************************************************

prec6 = new Image();prec6.src = "../images/next.jpg"
prec60 = new Image();prec60.src = "../images/nulle.jpg"
suiv6 = new Image();suiv6.src = "../images/previous.jpg"
suiv60 = new Image();suiv60.src = "../images/nulle.jpg"

function diaporama6(nb6,racine6){
	image6=new Array(nb6)
	var i=0
	while (i<nb6) {
	 image6[i]=new Image()
	 image6[i].src="../images/"+racine6+i+".jpg"
	 i++
	}
}

var temp6 = 0;

function startimer6(vitesse6) {
 temp6++
 if (temp6 == nb6){
  temp6=0
 }
 document.diapo6.src=image6[temp6].src
 anim6=setTimeout('startimer6(' + vitesse6 + ')',vitesse6)
}

function stoptimer6(){
 clearTimeout(anim6) 
}

var compteur6 = 0

function suivant6() {
 compteur6++
 if (compteur6 < (nb6-1)){
  document.diapo6.src=image6[compteur6].src
  document.preced6.src = eval("prec6.src")
 }else{
  if (compteur6 == (nb6-1)){
    document.diapo6.src=image6[compteur6].src
    document.suivan6.src = eval("suiv60.src")
  }else{
    compteur6--
    document.suivan6.src = eval("suiv60.src")
  }
 }
}

function precedant6() {
 compteur6--
 if (compteur6 > 0){
  document.diapo6.src=image6[compteur6].src
  document.suivan6.src = eval("suiv6.src")
 }else{
   if (compteur6 == 0){
     document.diapo6.src=image6[compteur6].src
     document.preced6.src = eval("prec60.src")
   }else{
     compteur6++
     document.preced6.src = eval("prec60.src")
   }
 }
}

function agrandir6() {
  var long6 = racine6.length;
  var num6=(document.diapo6.src.substring(document.diapo6.src.indexOf(racine6)+long6,document.diapo6.src.length-4))
  window.location.href = racine6+num6+".html";
}
