//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


fadeblank = "images/spacer.gif"

////NO need to edit beyond here/////////////
function slideback(){
	if (ie4||dom){
		clearTimeout(droprotate);
		clearInterval(dropslide);
		if(fading){
				window.status=fading=false
				clearInterval(dropslide)

				
				curpos=100
				if (tempobj.filters)
				nextcanvasobj.filters.alpha.opacity=curpos
				else if (tempobj.style.MozOpacity)
				nextcanvasobj.style.MozOpacity=curpos/100
				
			
		}		
		curimageindex= (curimageindex > 0) ? curimageindex - 1 : fadeimages.length -1;
		nextimageindex=(curimageindex<fadeimages.length-1)? curimageindex+1 : 0

		nextcanvasimg.src =preloadedimages[curimageindex].src
		curcanvasimg.src =preloadedimages[nextimageindex].src
		
		droprotate = setTimeout("rotateimage()",pause)

	}else{
		clearTimeout(droprotate)
		if(curimageindex==0){
      curimageindex = fadeimages.length - 2
    }else if(curimageindex ==1){
      curimageindex = fadeimages.length - 1
    }else{
      curimageindex = curimageindex - 2
    }
		nextimageindex=(curimageindex<fadeimages.length-1)? curimageindex+1 : 0
		rotateimage()
	}
}
function slideforward(){
	if (ie4||dom){
		clearTimeout(droprotate);
		clearInterval(dropslide);
		if(fading){
				window.status=fading=false
				clearInterval(dropslide)

				
				curpos=100
				if (tempobj.filters)
				nextcanvasobj.filters.alpha.opacity=curpos
				else if (tempobj.style.MozOpacity)
				nextcanvasobj.style.MozOpacity=curpos/100			
			
		}	

		curimageindex=(curimageindex<fadeimages.length-1)? curimageindex+1 : 0
		nextimageindex=(curimageindex<fadeimages.length-1)? curimageindex+1 : 0
		
		nextcanvasimg.src =preloadedimages[curimageindex].src
		curcanvasimg.src =preloadedimages[nextimageindex].src
    //alert('nextcanvasimg.id='+nextcanvasimg.id)
    //alert('curcanvasimg.id='+curcanvasimg.id)
		droprotate = setTimeout("rotateimage()",pause)
	}else{
		
		clearTimeout(droprotate)
		rotateimage()
	}
	
}

function preload(){
  window.preloadedimages=new Array()
  for (p=0;p<fadeimages.length;p++){
    preloadedimages[p]=new Image()
    preloadedimages[p].src=fadeimages[p]
  }
}

var ie4=document.all&&navigator.userAgent.indexOf("Opera")==-1
var dom=document.getElementById&&navigator.userAgent.indexOf("Opera")==-1
//alert(dom)
function writeslide(){
if (ie4||dom)
document.write('<div style="position:relative;width:'+slideshow_width+';height:'+slideshow_height+';overflow:hidden"><div id="canvas0" style="position:absolute;width:'+slideshow_width+';height:'+slideshow_height+';top:0;filter:alpha(opacity=0);-moz-opacity:0"></div><div id="canvas1" style="position:absolute;width:'+slideshow_width+';height:'+slideshow_height+';top:0px;filter:alpha(opacity=0);-moz-opacity:0; left:0px;"></div><img src="images/spacer.gif" width="'+slideshow_width+'" height="'+ slideshow_height+'"></div>')
else
document.write('<img name="defaultslide" src="'+fadeimages[0]+'" width="'+slideshow_width+'" height="'+slideshow_height+'" border="0">')

}

var curpos=0
// not used var degree=10
var curcanvas = "canvas0"
var nextcanvas = "canvas1"
var curcanvasobj
var nextcanvasobj
var curcanvasimg
var nextcanvasimg

var curimageindex=0
var nextimageindex=1
// zindex for over and under divs
var underz = 10
var overz = 20
var dropslide
var droprotate
var fading = false

//finish boolean to jump to else block
function fadepic(){
if (curpos<100){
// do nothing until the end except add opacity to nextcanvas (the original curcanvas)
	//alert(tempobj.id)
  window.status=fading=true
	curpos+=4
	if (tempobj.filters)
	nextcanvasobj.filters.alpha.opacity=curpos
	else if (tempobj.style.MozOpacity)
	nextcanvasobj.style.MozOpacity=curpos/100
}
else{
	window.status=fading=false
	clearInterval(dropslide)
	
	curcanvasimg.src =preloadedimages[nextimageindex].src
	droprotate = setTimeout("rotateimage()",pause)

	// get next images
	curimageindex=(curimageindex<fadeimages.length-1)? curimageindex+1 : 0
	nextimageindex=(curimageindex<fadeimages.length-1)? curimageindex+1 : 0

}
}
function rotateimage(){
if (ie4||dom){
	//curcanvas turned invisible
	resetit(curcanvas)
	nextcanvas = (curcanvas == "canvas0")? "canvas1":"canvas0";
	
	curcanvasobj=ie4? eval("document.all."+curcanvas) : document.getElementById(curcanvas)
	nextcanvasobj=ie4? eval("document.all."+nextcanvas) : document.getElementById(nextcanvas)
	curcanvasimg=ie4? eval("document.all."+curcanvas + "img") : document.getElementById(curcanvas + "img")
	nextcanvasimg=ie4? eval("document.all."+nextcanvas + "img") : document.getElementById(nextcanvas + "img")

	//place curcanvas (blank) over next canvas
	curcanvasobj.style.zIndex = overz
	nextcanvasobj.style.zIndex = underz
	
	//switch canvases
	// now the curcanvas is nextcanvasPRIME and nextcanvas is curcanvasPRIME
	//nextcanvasPRIME is invisible and on top.
	curcanvas=(curcanvas=="canvas0")? "canvas1" : "canvas0"
	nextcanvas=(curcanvas=="canvas0")? "canvas1" : "canvas0"
	curcanvasobj=ie4? eval("document.all."+curcanvas) : document.getElementById(curcanvas)
	tempobj=curcanvasobj
  nextcanvasobj=ie4? eval("document.all."+nextcanvas) : document.getElementById(nextcanvas)
	curcanvasimg=ie4? eval("document.all."+curcanvas + "img") : document.getElementById(curcanvas + "img")
	nextcanvasimg=ie4? eval("document.all."+nextcanvas + "img") : document.getElementById(nextcanvas + "img")

	//dropslide called using the PRIME canvas'
	dropslide=setInterval("fadepic()",20)
	
}else{
	document.images['defaultslide'].src=preloadedimages[curimageindex].src
	curimageindex=(curimageindex<fadeimages.length-1)? curimageindex+1 : 0
	droprotate = setTimeout("rotateimage()",pause)	
}
}

function resetit(what){
//alert('resetit(' + what + ')')
curpos=0
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/100
}

function startit(){
preload()
if(ie4||dom){
  curcanvasobj=tempobj=ie4? eval("document.all."+curcanvas) : document.getElementById(curcanvas)
  nextcanvasobj=ie4? eval("document.all."+nextcanvas) : document.getElementById(nextcanvas)
  // 1: image 0 written into canvas0, or curcanvas.
  curcanvasobj.innerHTML='<img id="canvas0img" src="'+fadeimages[curimageindex]+'" width="'+slideshow_width+'" height="'+slideshow_height+'" border="0">'
  nextcanvasobj.innerHTML='<img id="canvas1img" src="'+fadeblank+'" width="'+slideshow_width+'" height="'+slideshow_height+'"  border="0">'
  rotateimage()
}
else{droprotate = setTimeout("rotateimage()",pause)}
}

window.onload=startit