﻿/*	copyright www.laRouteDuNet.fr 2007

    diaporama

	ATTENTION: nécessite prototype.js, prototypeplus.js
*/

if(typeof Prototype == 'undefined')
  throw("diaporama.js requires prototype.js library");

var AutoDiaporama = Class.create();
AutoDiaporama.prototype = {
    //affiche un diaporama des images présentes dans DIV de class 'diaporama'
    //exemple <div class="diaporama"><a><img...></a><a><img...></a>...<a><img...></a></div>
    initialize: function() {
        Event.observe(window, 'load', this.load.bind(this), false);
    },
    load: function() {
        //la page est chargée
        var elms=document.getElementsByTagAndClassName('DIV','diaporama');
        for (var x=0,length=elms.length;x<length;x++)
            new Diaporama(elms[x]);
    }
}
var AutoDiaporama=new AutoDiaporama();

var Diaporama = Class.create();
Diaporama.prototype = {
    //affiche un diaporama des images présentes dans l'element DIV
    //exemple <div class="diaporama"><img...><img...>...<img...></div>
    initialize: function(div) {
        this.div=div;
        this.imgs=[];
        this.numImg=0;
        this.lastImg=0;
        this.tempo=2000;
        //recherche des liens img + effacement
        var elms=this.div.getElementsByTagName('A');
        for (var x=0,length=elms.length;x<length;x++) {
            this.imgs[this.imgs.length]=elms[x];
            elms[x].style.display='none';
            elms[x].target='imgdia';
        }
        if (this.imgs.length!=0)
            this.display();
    },
    display: function() {
        //affiche le lien this.numImg + temporise
        this.imgs[this.lastImg].style.display='none';
        this.lastImg=this.numImg;
        this.imgs[this.numImg].style.display='';
        if (this.numImg<(this.imgs.length-1))
            this.numImg++;
        else
            this.numImg=0;
        setTimeout(function() {this.display()}.bind(this),this.tempo);
    }
}