var timer = null;
var pas = 5;
var vitesse = 80;
var opacity = 100;
var timer2 = null;

function startDef(sens)
{
	if(vitesse > 50) vitesse = vitesse - 2;
	var node = document.getElementById("table_img");
	var nodeSize = node.offsetWidth;
	
	var nodeLeft = parseInt(node.style.left);
	var nodeFutureLeft = nodeLeft + (pas*sens);
	
	var nodeRight = nodeLeft + nodeSize;
	var nodeFutureRight = nodeRight + (pas*sens);
	
	var limitRight = document.getElementById("miniatures").style.width;// 731px = largeur du conteneur
	limitRight = parseInt(limitRight);
		
	if(nodeFutureLeft < 0 && nodeFutureRight > limitRight)
	{
		nodeFutureLeft = nodeFutureLeft.toString();
		nodeFutureLeft = nodeFutureLeft + "px";
		node.style.left = nodeFutureLeft;
		timer = setTimeout("startDef(" + sens + ")", vitesse);
	}
	else
	{
		clearTimeout(timer);
	}
}

function stopDef()
{
	clearTimeout(timer);
	vitesse = 20;
}

function fondu(img)
{
	opacity = opacity - 4;
	if(opacity >= 30)
	{
		var object = document.getElementById(img).style; 
		object.opacity = opacity / 100;
		object.MozOpacity = opacity / 100;
		object.KhtmlOpacity = opacity / 100;
		object.filter = "alpha(opacity=" + opacity + ")";
		
		timer2 = setTimeout("fondu(" + img + ")", 20);
	}
	else clearTimeout(timer2);
}

function clearFondu(img)
{
	opacity = 100;
	var object = document.getElementById(img).style;	
	object.opacity = opacity / 100;
	object.MozOpacity = opacity / 100;
	object.KhtmlOpacity = opacity / 100;
	object.filter = "alpha(opacity=" + opacity + ")";
	
	clearTimeout(timer2);
}
function fonduf(img)
{
	opacity = opacity - 50;
	if(opacity >= 10)
	{
		var object = document.getElementById(img).style; 
		object.opacity = opacity / 100;
		object.MozOpacity = opacity / 100;
		object.KhtmlOpacity = opacity / 100;
		object.filter = "alpha(opacity=" + opacity + ")";
		
		timer2 = setTimeout("fondu(" + img + ")", 20);
	}
	else clearTimeout(timer2);
}

function clearFonduf(img)
{
	opacity = 100;
	var object = document.getElementById(img).style;	
	object.opacity = opacity / 100;
	object.MozOpacity = opacity / 100;
	object.KhtmlOpacity = opacity / 100;
	object.filter = "alpha(opacity=" + opacity + ")";
	
	clearTimeout(timer2);
}

var idCourant;
var maxi;
var listeImage = new Array();

function InitDiaporama()
{
	var xhr = getXhr();
	
	xhr.onreadystatechange = function()
	{// On ne fait quelque chose que si on a tout reçu et que le serveur est ok
		if(xhr.readyState == 4 && xhr.status == 200)
		{
			readData(xhr.responseXML);
		}
		else if(xhr.readyState == 4 && xhr.status == 500) alert("erreur du serveur");
	}
	
	xhr.open("GET","script/php/diaporama/select_image_diaporama.php",true);
	xhr.send(null);
}

function AfficherImageSelonId(id)
{
	idCourant = parseInt(id)-1;
	
	var node = document.getElementById("image");
	
	while (node.firstChild)
	{
	  node.removeChild(node.firstChild);
	}
	
	node.innerHTML = "<img src=\"" + listeImage[idCourant] + "\" />";
}

function AfficherImageSuivante()
{
	if(idCourant < maxi - 1) idCourant = parseInt(idCourant)+1;
	else idCourant = 0;
	
	var node = document.getElementById("image");
	
	while (node.firstChild)
	{
	  node.removeChild(node.firstChild);
	}
	
	node.innerHTML = "<img src=\"" + listeImage[idCourant] + "\" />";
}

function AfficherImagePrecedente()
{
	if(idCourant > 0) idCourant = parseInt(idCourant)-1;
	else idCourant = parseInt(maxi) - 1;
	
	var node = document.getElementById("image");
	
	while (node.firstChild)
	{
	  node.removeChild(node.firstChild);
	}
	
	node.innerHTML = "<img src=\"" + listeImage[idCourant] + "\" />";
}

function getXhr()
{
	var xhr = null; 
	if(window.XMLHttpRequest)
	{ // Firefox et autres
		xhr = new XMLHttpRequest();
	}
	else if(window.ActiveXObject)
	{ // Internet Explorer 
		try
		{
			xhr = new ActiveXObject("Msxml2.XMLHTTP")
		}
		catch (e)
		{
			xhr = new ActiveXObject("Microsoft.XMLHTTP");
		}
	}
	else
	{ // XMLHttpRequest non supporté par le navigateur 
		alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest..."); 
		xhr = false; 
	}
    return xhr;
}

function readData(oData)
{
	var nodes = oData.getElementsByTagName("item");
	maxi = nodes.length;
	idCourant = 0;
	
	for(var i=0; i<maxi; i++)
	{
		listeImage[i] = nodes[i].getAttribute("name");
	}
}