// JavaScript Document
var index = 0;
var left = 0;
var opa2 = 100;
var opa3 = 100;

function slide_back()
{
	var e = document.getElementsByName("back");
	if (e.length == 1)
	{
		slide_un();
	}
	else
	{
		slide_multi();
	}
}

function slide_un()
{
	var e = document.getElementsByName("back");
	
	//Affiche l'image si elle l'est pas
	if (getStyle(e[0],"display") == 'none')
	{
		e[0].style.display = "inline";
		left = -e[0].width;
		e[0].style.left = left + "px";
	}
	
	//Slide l'image
	left += 20;
	e[index].style.left = left + "px";
	var opa = 100 + parseInt((left/e[index].width)*75);
	e[index].style.filter = "alpha(opacity="+opa+")";
	e[index].style.MozOpacity = opa/100; 
	e[index].style.KhtmlOpacity = opa/100;
	e[index].style.opacity = opa/100;
	
	
	//Fais que la position depasse pas zero
	if (left > 0) left = 0;
	if (left != 0)
	{
		window.setTimeout(slide_un,50);
	}
}

function slide_multi()
{
	var e = document.getElementsByName("back");
	
	//Affiche l'image si elle l'est pas
	if (getStyle(e[index],"display") == 'none')
	{
		e[index].style.display = "inline";
		left = -e[index].width;
		e[index].style.left = left + "px";
		opa2 = 100;
		opa3 = 100;
	}
	
	//Slide l'image
	left += 5 - parseInt((left/e[index].width)*15);
	e[index].style.left = left + "px";
	var opa = 100 + parseInt((left/e[index].width)*75);
	e[index].style.filter = "alpha(opacity="+opa+")";
	e[index].style.MozOpacity = opa/100; 
	e[index].style.KhtmlOpacity = opa/100;
	e[index].style.opacity = opa/100;
	
	
	//Fais que la position depasse pas zero
	if (left > 0) left = 0;
	//Si pas a zero continue normalement
	if (left == 0)
	{
		// Si index a zero, change d'index
		if (index == 0)
		{
			index += 1;
		}
		//Sinon commence a fader l'image d'avant
		else
		{
			//Fade
			if (opa2 > 0)
			{
				opa2 -= 10;
				e[index-1].style.filter = "alpha(opacity="+opa2+")";
				e[index-1].style.MozOpacity = opa2/100; 
				e[index-1].style.KhtmlOpacity = opa2/100;
				e[index-1].style.opacity = opa2/100;
			}
			//Fade d'avant fini
			else
			{
				//Display a non de celle d'avant
				if (opa3 == 100)
				{
					e[index-1].style.display = "none";
				}
				//Si la derniere, fade la derniere
				if (index == e.length-1)
				{
					opa3 -= 10;
					e[index].style.filter = "alpha(opacity="+opa3+")";
					e[index].style.MozOpacity = opa3/100; 
					e[index].style.KhtmlOpacity = opa3/100;
					e[index].style.opacity = opa3/100;
					//Fade fini = recommence
					if (opa3 == 0)
					{
						e[index].style.display = "none";
						index = 0;
					}
				}
				//Sinon switch
				else
				{
					index += 1;
				}
			}
		}
	}
	
	window.setTimeout(slide_multi,50);
}


function getStyle(oElm, strCssRule){
	var strValue = "";
	if(document.defaultView && document.defaultView.getComputedStyle){
		strValue = document.defaultView.getComputedStyle(oElm, "").getPropertyValue(strCssRule);
	}
	else if(oElm.currentStyle){
		strCssRule = strCssRule.replace(/\-(\w)/g, function (strMatch, p1){
			return p1.toUpperCase();
		});
		strValue = oElm.currentStyle[strCssRule];
	}
	return strValue;
}