/*-------------------------------------------------------------------
Espace Dynamique templates engine
simple slide show with 2 differents pictures
Javascript functions
---------------------------------------------------------------------
20070328 - ESPACE DYNAMIQUE - ADH V1.00
---------------------------------------------------------------------*/
// Global variables
var d = document;
var NbImg;
var iDelayImg = 1000; // default value
var FirstSlide, CurSlide;
var MaxSlide;
var PictName;
var aImg = Array();


/*-------------------------------------------------------------------
20070328
This plugin needs 2 <img> tags in HTML template
That 2 pictures have the same size (same width and same height)
The name of the pictures is given through the PictName hidden <input> tag
---------------------------------------------------------------------*/
function InitSlide() {
	NbImg = 0;
	if (!d.getElementById('PictName')) return;
	PictName = d.getElementById('PictName').value;
	var xSize = d.getElementsByName(PictName)[0].width;
	var ySize = d.getElementsByName(PictName)[0].height;
	Id = 'img' + NbImg;
	if (!d.getElementById(Id)) return;
	while(d.getElementById(Id)) {	
		aImg[NbImg] = new Image(xSize, ySize);


		aImg[NbImg].src = d.getElementById(Id).value;
		NbImg++;
		Id = 'img' + NbImg;
	}
	FirstSlide = 2;
	CurSlide = 0;
	MaxSlide = NbImg;
	if (d.getElementById('SlideTime')) iDelayImg = parseInt(d.getElementById('SlideTime').value);
	if (NbImg > 2) {
		window.setTimeout(Slide, iDelayImg);
	}
}
/*-------------------------------------------------------------------
20070328
---------------------------------------------------------------------*/
function Slide () {
	d.getElementsByName(PictName)[CurSlide].src = aImg[FirstSlide].src;
	if (++CurSlide > 1) CurSlide = 0;
	if (++FirstSlide >= MaxSlide) FirstSlide = 0;
	window.setTimeout(Slide, iDelayImg);
}