// JavaScript Document

// on est sur IE ?
var is_ie;

var nbDiapo = 9;
var stay = 8000;

// take care of ie
if(document.all)
	is_ie = true;
else
	is_ie = false;


function diapo()
{
	var id = startDiapo;
	
	var name = "../../imgs/accueil/diapo/" + (id < 10 ? "0" + id : id) + ".jpg";
	preload(name);
	
	setTimeout('nextImage('+id+');', stay);
}


function preload(name)
{
	changeOpacity(document.getElementById("diapo_img"), 0);
	document.getElementById("diapo_img").src = name;
}


function nextImage(id)
{
	var name = "../../imgs/accueil/diapo/" + (id < 10 ? "0" + id : id) + ".jpg";
	
	document.getElementById('diapo').innerHTML = '<img src="' + name + '" width="768" height="216" border="0" alt="" class="diapo" id="diapo_img" />';
	
	showDiapo(0, id);
}


function showDiapo(op, id)
{
	var elem = document.getElementById('diapo_img');
	changeOpacity(elem, op);
	
	if(op >= 100)
	{
		var name = "../../imgs/accueil/diapo/" + (id < 10 ? "0" + id : id) + ".jpg";
		
		document.getElementById("diapo").style.backgroundImage = "url(" + name + ")";
		
		id = id == nbDiapo ? 1 : id + 1;
		name = "../../imgs/accueil/diapo/" + (id < 10 ? "0" + id : id) + ".jpg";
		preload(name);
		
		setTimeout('nextImage('+id+');', stay);
	}
	else
	{
		op += 10;
		setTimeout("showDiapo("+op+", "+id+");", 50);
	}
}


function changeOpacity(elem, op)
{
	if(is_ie)
		elem.filters.alpha.opacity = op;
	else
		elem.style.opacity = op/100;
}