//Fade-in image slideshow- By Dynamic Drive
//For full source code and more DHTML scripts, visit http://www.dynamicdrive.com
//This credit MUST stay intact for use



var slideshow_width=131 //SET IMAGE WIDTH
var slideshow_height=131 //SET IMAGE HEIGHT
var pause=3000 //SET PAUSE BETWEEN SLIDE (3000=3 seconds)

var fadeimages

var preloadedimages

var ie4
var dom
var curpos=10
var degree=10
var curcanvas="canvas0"
var curimageindex=0
var nextimageindex=1




function setOpacity(obj, opacity) {

	if (obj.style.filter) obj.style.filter = "alpha(opacity:"+opacity*100+")"; //IE
	if (obj.style.KhtmlOpacity) obj.style.KhtmlOpacity = opacity; //Konqueror Safari
	if (obj.style.MozOpacity) obj.style.MozOpacity = opacity; //Ffx
	if (obj.style.opacity) obj.style.opacity = opacity; //W3C
}




function fadepic(){
	if (curpos<100){
		curpos+=10
		opacite = curpos / 100.0;
		setOpacity(tempobj, opacite);

	}
	else{
		clearInterval(dropslide)
		nextcanvas=(curcanvas=="canvas0")? "canvas0" : "canvas1"
		tempobj=ie4? eval("document.all."+nextcanvas) : document.getElementById(nextcanvas)
		tempobj.innerHTML='<img src="'+fadeimages[nextimageindex]+'" alt="">'
		nextimageindex=(nextimageindex<fadeimages.length-1)? nextimageindex+1 : 0
		setTimeout("rotateimage()",pause)
	}
}

function rotateimage(){
	if (ie4||dom){
		resetit(curcanvas)
		var crossobj=tempobj=ie4? eval("document.all."+curcanvas) : document.getElementById(curcanvas)
		crossobj.style.zIndex++
		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=10
	var crossobj=ie4? eval("document.all."+what) : document.getElementById(what)
	opacite = curpos / 100.0;
	setOpacity(crossobj, opacite);
	
}

function startit(){
	var crossobj=ie4? eval("document.all."+curcanvas) : document.getElementById(curcanvas)
	crossobj.innerHTML='<img src="'+fadeimages[curimageindex]+'" alt="">'
	rotateimage()
}

function InitializeScripts(){
	startit();
	// SetupToolbar();
}

function SetDiaporama(images_list) {

	// alert("SetDiaporama : "+ images_list);
	fadeimages = images_list
	// alert("fadeimages : "+ fadeimages);

	preloadedimages=new Array()
	for (p=0;p<fadeimages.length;p++){
		preloadedimages[p]=new Image()
		preloadedimages[p].src=fadeimages[p]
	}
	
	ie4=document.all&&navigator.userAgent.indexOf("Opera")==-1
	dom=document.getElementById&&navigator.userAgent.indexOf("Opera")==-1

	// alert("SetDiaporama : "+ ie4 + '  '+ dom);
	
	if (ie4||dom) {
		// alert("ie4 || dom"+fadeimages[0]);
		// document.write('<div style="position:relative;width:'+slideshow_width+';height:'+slideshow_height+';overflow:hidden">');
		if (ie4) {
			document.write('<div id="canvas0" style="position:absolute;top:0;right:0; width:'+slideshow_width+'px;height:'+slideshow_height+'px;filter:alpha(opacity=10); /* border: 1px solid #f00; */"></div>');
			document.write('<div id="canvas1" style="position:absolute;top:0;right:0; width:'+slideshow_width+'px;height:'+slideshow_height+'px;filter:alpha(opacity=10); /* border: 1px solid #0f0; */"></div>');
		} else {
			document.write('<div id="canvas0" style="position:absolute;top:0;right:0; width:'+slideshow_width+'px;height:'+slideshow_height+'px;opacity:0.1;-moz-opacity:0.1;-khtml-opacity:0.1; /* border: 1px solid #f00; */"></div>');
			document.write('<div id="canvas1" style="position:absolute;top:0;right:0; width:'+slideshow_width+'px;height:'+slideshow_height+'px;opacity:0.1;-moz-opacity:0.1;-khtml-opacity:0.1; /* border: 1px solid #0f0; */"></div>');
		}
		// document.write('</div>');
	} else {
		// alert("moz"+fadeimages[0]);
		document.write('IMAGE : <img name="defaultslide" src="'+fadeimages[0]+'" alt="">')
	}

	/*
	if (ie4||dom)
		window.onload=InitializeScripts;
	else
		setInterval("rotateimage()",pause);
	*/

}