var isNetscape4 = document.layers;
var isNetscape6 = document.getElementById && !document.all
var DHTML = document.getElementById || document.all || document.layers;

var galeries = new Galeries();

function initGaleries(type_affichage, largeur, style) {
  galeries.largeur = largeur;
  galeries.type_affichage = type_affichage;
  galeries.style = style;
  if (isNetscape4) {
    document.write("<ILAYER ID='"+galeries.id+"'>");
    document.write(afficherListeGaleries()+"</ILAYER>");
  }
  else {
    document.write("<DIV ID='"+galeries.id+"'>");
    document.write(afficherListeGaleries()+"</DIV>");
  }
}

function initVisuel() {
  if (isNetscape4)
    document.write("<LAYER ID='photos'></LAYER>");
  else
    document.write("<DIV ID='photos'></DIV>");
}

function changerVisuel(numero_galerie) {
  if (galeries.nom[numero_galerie] != null) {
    galeries.actuel = numero_galerie;
    galeries.photo_actuelle = 0;
    afficherPhoto(0);
  }
}

function afficherGauche() {
  var nb = galeries.photo[galeries.actuel].length;
  galeries.photo_actuelle = (galeries.photo_actuelle+nb-1) % nb;
  afficherPhoto(galeries.photo_actuelle);
}

function afficherDroite() {
  var nb = galeries.photo[galeries.actuel].length;
  galeries.photo_actuelle = (galeries.photo_actuelle+1) % nb;
  afficherPhoto(galeries.photo_actuelle);
}
/* début diaporama auto */
var bauto = 0;

function changer() {
  var nb = galeries.photo[galeries.actuel].length;
  galeries.photo_actuelle = (galeries.photo_actuelle+1) % nb;
  afficherPhoto(galeries.photo_actuelle);
roll=setTimeout("changer()", 6000);
}
function initial() {
window.clearTimeout(roll);
  afficherPhoto(galeries.photo_actuelle);
}
function auto() {
if (bauto == 0) {
bauto =1; changer();
document.automat.src = "_design/auto_stop.gif";
document.automat.title = "Stop";
} 
else {
bauto =0; initial();
document.automat.src = "_design/auto_play.gif";
document.automat.title = "Auto";
}
}
/* fin diaporama auto */
function afficherPhoto(numero) {
  var nb = galeries.photo[galeries.actuel].length;
  var indice_gauche = (numero+nb-1) % nb;
  galeries.img_gauche = new Image();
  galeries.img_gauche.src = galeries.photo[galeries.actuel][indice_gauche][0];
  var indice_droite = (numero+1) % nb;
  galeries.img_droite = new Image();
  galeries.img_droite.src = galeries.photo[galeries.actuel][indice_droite][0];
  
if (bauto == 1) {
var imgscreen = "_design/auto_stop.gif";
var titletxt = "Stop";
} 
else {
var imgscreen = "_design/auto_play.gif";
var titletxt = "Auto";
}

  var contenu = "<div align='center'>&nbsp;<br><A HREF='javascript:afficherGauche()' title='Vorig Beeld'>";
  contenu += "<IMG BORDER=0 SRC=_design/vorigbeeld.gif alt='Vorig Beeld' width=130 height=25 class=spediap></A>&nbsp;&nbsp;&nbsp;";
  contenu += "<img src="+imgscreen+" title="+titletxt+" alt="+titletxt+" width=125 height=25 name=automat onClick=auto(); class=spediap>&nbsp;&nbsp;&nbsp;";
  contenu += "<A HREF='javascript:afficherDroite()' title='Volgend Beeld'>";
  contenu += "<IMG BORDER=0 SRC=_design/volgbeeld.gif alt='Volgend Beeld' width=140 height=25 class=spediap></A>&nbsp;&nbsp;&nbsp;</div>"; 

  contenu += "<div align='center'>";
  contenu += "<IMG SRC="+galeries.photo[galeries.actuel][numero][0]+" alt='"+galeries.photo[galeries.actuel][numero][4]+"'><br>&nbsp;<br>";
  contenu += galeries.photo[galeries.actuel][numero][4]+"<br>&nbsp;</div>";
  ecriture("photos", contenu);
}

function afficherListeGaleries() {
  var liste = "";
  switch (galeries.type_affichage) {
    case 2 : 
	var hauteur_scroll = galeries.nom.length * 200;
      liste = '<div id="scroll-pane"><div style:"height:'+hauteur_scroll+';width=210;">';
      for(var i=0; i<galeries.nom.length; i++)
        if ((galeries.nom[i] != null) && (galeries.photo[i].length > 0)) {
          liste += '<div id="miniature_serie"><A HREF="javascript:changerVisuel('+i+');">'
          liste += "<IMG SRC="+galeries.illustration[i]+" border=0 height=75><br>"+galeries.nom[i]+"</A></div>";
        }
      liste += "</div></div>&nbsp;";
      break;
    default:
	var hauteur_scroll = galeries.nom.length * 200;
      liste = '<div id="scroll-pane"><div style="height:'+hauteur_scroll+';width=210;">';
      for(var i=0; i<galeries.nom.length; i++) {
        if ((galeries.nom[i] != null) && (galeries.photo[i].length > 0)) {
          liste += '<div id="miniature_serie"><A HREF="javascript:changerVisuel('+i+');">';
          liste += "<IMG SRC="+galeries.illustration[i]+" border=0 height=130><br>"+galeries.nom[i]+"</A></div>"; }
	  }
      liste += "</div></div>&nbsp;";
  }
  return(liste);
}

function Galeries() {
  this.id = "idgalerie";
  this.nom = new Array();
  this.illustration = new Array();
  this.photo = new Array();
}

function ajouter_galerie(numero_galerie, nom, illustration) {
  galeries.nom[numero_galerie] = nom;
  galeries.illustration[numero_galerie] = illustration;
  galeries.photo[numero_galerie] = new Array();
}

function ajouter_photo(numero_galerie, URL, date, titre, description) {
  var i = galeries.photo[numero_galerie].length;
  galeries.photo[numero_galerie][i] = new Array();
  galeries.photo[numero_galerie][i][0] = URL;
  var indice = URL.lastIndexOf(".");
  var URL_small = URL.substring(0,indice)+"_small"+URL.substring(indice);
  galeries.photo[numero_galerie][i][1] = URL_small;
  galeries.photo[numero_galerie][i][2] = date;
  galeries.photo[numero_galerie][i][3] = titre;
  galeries.photo[numero_galerie][i][4] = description;
}

function getObjet(nom) {
  if (isNetscape6)
    objet = document.getElementById(nom);
  else if (isNetscape4) {
    objet = document.layers[nom];
  }
  else
    objet = document.all[nom];
  return(objet);
}

function ecriture(nom, texte) {
  if (!DHTML)
    return;
  if (isNetscape4) {
    getObjet(nom).document.write(texte);
    getObjet(nom).document.close();
  }
  else
    getObjet(nom).innerHTML = texte;
}