/***********************************************
* Fade-in image slideshow script- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/
//function goo() {

	var fadeimages=new Array();

	var slideshow_width='338px' //SET IMAGE WIDTH
	var slideshow_width='50px' //SET IMAGE WIDTH
	var slideshow_height='496px' //SET IMAGE HEIGHT
	var slideshow_height='50px' //SET IMAGE HEIGHT
	var pause=4000 //SET PAUSE BETWEEN SLIDE (3000=3 seconds)
	
	////NO need to edit beyond here/////////////
	
	var preloadedimages=new Array()
	for (p=0;p<fadeimages.length;p++){
	preloadedimages[p]=new Image()
	preloadedimages[p].src=fadeimages[p]
	}
	
	var ie4=document.all
	var dom=document.getElementById
	
	var curpos=2
	var degree=10
	var curcanvas="canvas0"
	var curimageindex=0
	var nextimageindex=1
	var stop_now = 0
	
	function fadepic()
	{
		if(stop_now==1)
			return;
		
		if (curpos<100)
		{
			curpos+=2
			if (tempobj.filters)
				tempobj.filters.alpha.opacity=curpos
			else if (tempobj.style.MozOpacity)
				tempobj.style.MozOpacity=curpos/101
		}
		else
		{
			clearInterval(dropslide)
			nextcanvas=(curcanvas=="canvas0")? "canvas0" : "canvas1"
			tempobj=ie4? eval("document.all."+nextcanvas) : document.getElementById(nextcanvas)
			
			//tempobj.innerHTML='<img src="'+fadeimages[nextimageindex]+'">'
			tempobj.style.backgroundImage='url('+fadeimages[nextimageindex]+')'
			
			nextimageindex=(nextimageindex<fadeimages.length-1)? nextimageindex+1 : 0
			var tempobj2=ie4? eval("document.all."+nextcanvas) : document.getElementById(nextcanvas)
			tempobj2.style.visibility="hidden"
			setTimeout("rotateimage()",pause)
		}
	}
	
	function rotateimage(){
		if (ie4||dom)
		{
			resetit(curcanvas)
			var crossobj=tempobj=ie4? eval("document.all."+curcanvas) : document.getElementById(curcanvas)
			crossobj.style.zIndex++
			tempobj.style.visibility="visible"
			var temp='setInterval("fadepic()",50)'
			dropslide=eval(temp)
			curcanvas=(curcanvas=="canvas0")? "canvas1" : "canvas0"
		}
		else
			document.images.defaultslide.src=fadeimages[curimageindex]
		
		curimageindex=(curimageindex<fadeimages.length-1)? curimageindex+1 : 0
	}
	
	function resetit(what){
		curpos=2
		var crossobj=ie4? eval("document.all."+what) : document.getElementById(what)
		if (crossobj.filters)
		crossobj.filters.alpha.opacity=curpos
		else if (crossobj.style.MozOpacity)
		crossobj.style.MozOpacity=curpos/101
	}
	
	function startit(){
		stop_now=0
		var crossobj=ie4? eval("document.all."+curcanvas) : document.getElementById(curcanvas)
		//crossobj.innerHTML='<img src="'+fadeimages[curimageindex]+'">'
		crossobj.style.backgroundImage='url('+fadeimages[curimageindex]+')'
		rotateimage()
	}

	function stopit(){
		var crossobj=ie4? eval("document.all.startstopId") : document.getElementById('startstopId')
		crossobj.innerHTML='<img src="../img/play.gif" title="Démarrer l animation" onclick="javascript:restartit();"><br>start'
		stop_now=1
	}
	
	function restartit(){
		var crossobj=ie4? eval("document.all.startstopId") : document.getElementById('startstopId')
		crossobj.innerHTML='<img src="../img/stop.gif" title="Démarrer l animation" onclick="javascript:stopit();"><br>stop'
		stop_now=0
	}