/* créateur du site : Netalapage (c)2007 www.netalapage.com, sites personnalisés */
/* nom de la page   : script-fade-photos.js                                      */
/* protégé par SARL : Netalapage - création des sites Internet uniques, pas cher */

/* global field definitions */
var fadeTotal = 8;				/* number of DIVs containing photos to fade */
var fadeCurrent = fadeTotal;			/* current photo DIV being faded */
var fadePrevious = fadeTotal-1;	/* previous photo DIV being faded */
var fadeSpeed = 1;				/* speed to fade photo in and out */
var fadeAmount = 4;				/* amount of opacity of photo to change */
var fadeWait = 4000;			/* pause to show photo */
var currentOpacity = 0;			/* opacity value of current photo */
var previousOpacity = 100;		/* opacity value of previous photo */

function fade() {
	if (document.getElementById) {

		obj = document.getElementById('pic'+fadePrevious);
		setOpacity(obj, previousOpacity);
		previousOpacity -= fadeAmount;

		obj = document.getElementById('pic'+fadeCurrent);
		setOpacity(obj, currentOpacity);
		currentOpacity += fadeAmount;
		if (currentOpacity >100) window.setTimeout("nextImage()", fadeWait);
		else window.setTimeout("fade()", fadeSpeed);
	}
}

function nextImage () {
	fadeCurrent++; if (fadeCurrent>fadeTotal) fadeCurrent=1;	/* get index of photo to fade - if faded all photos, set to first */
	image = document.getElementById('pic'+fadeCurrent);			/* get reference to object */
	image.style.visibility = 'visible';
	setOpacity(image, 0);	image.style.zIndex = 1;				/* set to 0 for fade in and z-index at 1 to ensure on top */
	
	image = document.getElementById('pic'+fadePrevious);		/* get reference to previous object */
	image.style.visibility = 'hidden';							/* set to hidden as faded completely out */

	fadePrevious++; if (fadePrevious>fadeTotal) fadePrevious=1;	/* get index of photo just faded in - if faded all, set to first */
	image = document.getElementById('pic'+fadePrevious);		/* get reference to object */
	image.style.zIndex = 0;										/* set z-index at 0 to ensure on bottom */

	currentOpacity=0; 
	previousOpacity=100; 
	window.setTimeout("fade()", 1);
}

function setOpacity(obj, opacity) {
	opacity = (opacity == 100)?99:opacity;
	obj.style.filter = "alpha(opacity:"+opacity+")";			/* IE/WIN */
	obj.style.KHTMLOpacity = opacity/100;						/* Safari<1.2, Konqueror */
	obj.style.MozOpacity = opacity/100;							/* Older Mozilla and Firefox */
	obj.style.opacity = opacity/100;							/* Safari 1.2, newer Firefox and Mozilla, CSS3 */
}

window.onload = window.setTimeout("nextImage()", 1);