var timer;
	var globaldiv;
	var total;
	function move()
	{
	    var initLeft = globaldiv.scrollLeft;
	    globaldiv.scrollLeft = initLeft + 5;
	    var index = parseInt(initLeft / 90);
	    var previous = index - 1;
	    if (total + index != globaldiv.firstChild.rows[0].cells.length )
	    {
	        cell = globaldiv.firstChild.rows[0].insertCell( globaldiv.firstChild.rows[0].cells.length );
		    cell.setAttribute("height", "100");
		    cell.setAttribute("valign", "top");
		    var div = globaldiv.firstChild.rows[0].cells[previous].firstChild.cloneNode(true);
		    
			var image = div.firstChild;
			image.setAttribute("alt", "Cliquer pour agrandir");
			image.setAttribute("title", "Cliquer pour agrandir");
		    if (document.all && !window.opera)
		        image.style.setAttribute("cssText", "margin-right: 5px; margin-left: 5px;");
			else
			    image.setAttribute("style", "margin-right: 5px; margin-left: 5px;");
		    image.onmouseover = function (e)
		    {
		        var src = this.getAttribute("src");
		        src = src.substring(0, src.indexOf("&"));
		        this.setAttribute("src", src);
		        if (document.all && !window.opera)
				    this.parentNode.style.setAttribute("cssText", "z-index: 300; position: relative; left: -25px; width: 90px;");
		        else
		        	this.parentNode.setAttribute("style", "z-index: 300; position: relative; left: -25px; width: 90px;");
		    	this.setAttribute("border", "1");
		        this.style.cursor = "pointer";
		        this.setAttribute("height", "100");
		        this.setAttribute("width", "133");
		        clearInterval(timer);
		    };
		    image.onmouseout = function (e)
		    {
		        var src = this.getAttribute("src");
		        this.setAttribute("src", src+"&reflect=true");
		        if (document.all && !window.opera)
				    this.parentNode.style.setAttribute("cssText", "z-index: 1; width: 90px;");
		        else
			        this.parentNode.setAttribute("style", "z-index: 1; position: relative; left: 0px;");
		    	this.setAttribute("border", "0");
		        this.setAttribute("height", "100");
		        this.setAttribute("width", "80");
		        timer = setInterval(move, 100);
		    };
		    image.onclick = function (e)
		    {
		        window.open(this.getAttribute("src")+"&noeffect=true", "Image", "");
		    };

		    cell.appendChild(div);
		}
	}
	function addImage(src, element, index, imgWidth, imgHeight)
	{
	    var image = document.createElement("img");
	    image.setAttribute("src", "reflet.php?img="+src+"&reflect=true");
	    image.setAttribute("height", "100");
	    image.setAttribute("width", "80");
	    if (document.all && !window.opera)
	        image.style.setAttribute("cssText", "margin-right: 5px; margin-left: 5px;");
		else
		    image.setAttribute("style", "margin-right: 5px; margin-left: 5px;");
		image.setAttribute("alt", "Cliquer pour agrandir");
		image.setAttribute("title", "Cliquer pour agrandir");
	    image.onmouseover = function (e)
	    {
	    	this.setAttribute("src", "reflet.php?img="+src);
	        if (document.all && !window.opera)
			    this.parentNode.style.setAttribute("cssText", "z-index: 300; position: relative; left: -25px; width: 90px;");
	        else
			    this.parentNode.setAttribute("style", "z-index: 300; position: relative; left: -25px; width: 90px;");
		    this.setAttribute("border", "1");
	        this.style.cursor = "pointer";
	        this.setAttribute("height", "100");
	        this.setAttribute("width", "133");
	        clearInterval(timer);
	    };
	    image.onmouseout = function (e)
	    {
	        this.setAttribute("src", "reflet.php?img="+src+"&reflect=true");
	        if (document.all && !window.opera)
			    this.parentNode.style.setAttribute("cssText", "z-index: 1;");
	        else
			    this.parentNode.setAttribute("style", "z-index: 1; position: relative; left: 0px;");
		    this.setAttribute("border", "0");
	        this.setAttribute("height", "100");
	        this.setAttribute("width", "80");
	        timer = setInterval(move, 100);
	    };
	    image.onclick = function (e)
	    {
	        var link = this.getAttribute("src")+"&noeffect=true";
	        window.open(link, "Image", "menubar=no, status=no, width=" + imgWidth + ", height=" + imgHeight);
	    };
	    var cell = element.insertCell(index);
	    cell.setAttribute("height", "110");
	    cell.setAttribute("width", "90");
	    cell.setAttribute("valign", "top");
		var div = document.createElement("div");
		div.appendChild(image);
	    cell.appendChild(div);
	}
	    // repertoire ouvert
	    total = 3;
		globaldiv = document.createElement("div");
		globaldiv.setAttribute("id", "screenshotdiv");
		if (document.all && !window.opera)
		    globaldiv.style.setAttribute("cssText", "height: 110px; width: 500px; overflow: hidden;");
		else
		    globaldiv.setAttribute("style", "height: 110px; width: 500px; overflow: hidden;");
		var tab = document.createElement("table");
		tab.setAttribute("cellpadding", "0");
		tab.setAttribute("cellspacing", "0");
		var firstRow = tab.insertRow(0);
			addImage("./pratisald_screenshot/ALD3.jpg", firstRow, 0, 1014, 506);
			addImage("./pratisald_screenshot/ALD2.jpg", firstRow, 1, 1008, 540);
			addImage("./pratisald_screenshot/ALD1.jpg", firstRow, 2, 1004, 542);
	globaldiv.appendChild(tab);
	document.getElementById("screenshot").appendChild(globaldiv);
	timer = setInterval(move, 100);