//This script is based upon the Presentational Slideshow Script- By Dynamic Drive
//Right-2-Left transition
//For full source code and more DHTML scripts, visit http://www.dynamicdrive.com
//This credit MUST stay intact for legal use

/***********************************************
* Modified for use in Header Image
* v-1.0: Initial Version
* v-1.1: Added Loop limit
* v-1.2: Added support for multiple instances
***********************************************/

////NO need to edit beyond here/////////////

function slideshow_r2l(theimages, slideshow_width, slideshow_height, borderwidth, slideshow_bgcolor, delay, pause, displayorder, maxrotations) {

	this.rotations=0
	this.maxrotations=maxrotations
	this.pausecheck=pause
	this.mouseovercheck=0
	this.delay=delay
	this.curimageindex=0
	this.nextimageindex=1
	
	this.degree=10 //initial opacity degree (10%)
	himg_sl_fadearray[himg_sl_fadearray.length]=this
	this.slideshowid=himg_sl_fadearray.length-1
	this.canvasbase="himg_canvas"+this.slideshowid
	this.curcanvas=this.canvasbase+"_0"

	if (typeof displayorder!="undefined")
			theimages.sort(function() {return 0.5 - Math.random();}) //thanks to Mike (aka Mwinter) :)

	this.theimages=theimages
	this.imageborder=parseInt(borderwidth)
	this.postimages=new Array() //preload images

	for (p=0;p<theimages.length;p++){
		this.postimages[p]=new Image()
		this.postimages[p].src=theimages[p][0]
	}

	var slideshow_width=slideshow_width+this.imageborder*2
	var slideshow_height=slideshow_height+this.imageborder*2
	this.show_width=slideshow_width
	this.show_height=slideshow_height
	this.curpos=parseInt(slideshow_width)

	if (himg_sl_iebrowser&&himg_sl_dom||himg_sl_dom) //if IE5+ or modern browsers (ie: Firefox)
		document.write('<div id="'+this.canvasbase+'" style="position:relative;width:'+slideshow_width+'px;height:'+slideshow_height+'px;overflow:hidden"><div id="'+this.canvasbase+'_0" style="position:absolute;width:'+slideshow_width+'px;height:'+slideshow_height+'px;background-color:'+slideshow_bgcolor+';left:'+this.curpos+'px"></div><div id="'+this.canvasbase+'_1" style="position:absolute;width:'+slideshow_width+'px;height:'+slideshow_height+'px;background-color:'+slideshow_bgcolor+';left:'+this.curpos+'px"></div></div>')
	else
		document.write('<div><a href="javascript:rotatelink()"><img name="defaultslide'+this.slideshowid+'" src="'+this.postimages[0].src+'" border="'+this.imageborder+'px" alt="'+this.theimages[0][3]+'"></a></div>')

	if (himg_sl_iebrowser&&himg_sl_dom||himg_sl_dom) //if IE5+ or modern browsers (ie: Firefox)
		this.startit()
	else
		setInterval("himg_sl_fadearray["+this.slideshowid+"].rotateimage()", this.delay)
}


function slideshow_r2l_movepic(obj) {
	if (obj.curpos>0){
		obj.curpos=Math.max(obj.curpos-obj.degree,0)
		obj.tempobj.style.left=obj.curpos+"px"
	} else {
		clearInterval(himg_sl_fadeclear[obj.slideshowid])
		obj.nextcanvas=(obj.curcanvas==obj.canvasbase+"_0")? obj.canvasbase+"_0" : obj.canvasbase+"_1"
		obj.tempobj=himg_sl_iebrowser? himg_sl_iebrowser[obj.nextcanvas] : document.getElementById(obj.nextcanvas)
	
		var slideimage='<img src="'+obj.postimages[obj.curimageindex].src+'" border="'+obj.imageborder+'px" alt="'+obj.theimages[obj.curimageindex][3]+'">'

		obj.tempobj.innerHTML=(obj.theimages[obj.curimageindex][1]!="")? '<a href="'+obj.theimages[obj.curimageindex][1]+'">'+slideimage+'</a>' : slideimage
		obj.nextimageindex=(obj.nextimageindex<obj.postimages.length-1)? obj.nextimageindex+1 : 0
		setTimeout("himg_sl_fadearray["+obj.slideshowid+"].rotateimage()",obj.delay)
	}
}


slideshow_r2l.prototype.rotateimage=function(){
	// If we exceeded the rotation limit stop the rotation
	if (this.maxrotations!=0 && this.rotations>=this.maxrotations) {
		return;
	}

	if (this.pausecheck==1) //if pause onMouseover enabled, cache object
		var cacheobj=this
	if (this.mouseovercheck==1)
		setTimeout(function(){cacheobj.rotateimage()}, 100)
	else if (himg_sl_iebrowser&&himg_sl_dom||himg_sl_dom){
		this.resetit()

		var crossobj=this.tempobj=himg_sl_iebrowser? himg_sl_iebrowser[this.curcanvas] : document.getElementById(this.curcanvas)
	
		crossobj.style.zIndex++
		himg_sl_fadeclear[this.slideshowid]=setInterval("slideshow_r2l_movepic(himg_sl_fadearray["+this.slideshowid+"])",50)
		this.curcanvas=(this.curcanvas==this.canvasbase+"_0")? this.canvasbase+"_1" : this.canvasbase+"_0"

	} else{
		var ns4imgobj=document.images['defaultslide'+this.slideshowid]
		ns4imgobj.src=this.postimages[this.curimageindex].src
	}
	this.curimageindex=(this.curimageindex<this.postimages.length-1)? this.curimageindex+1 : 0

	// If we need to limit to number of rotations
	// increment counter on every first image
	if (this.maxrotations!=0 && this.curimageindex==0) { this.rotations++ }
}


slideshow_r2l.prototype.rotateimage_old=function() {
	if (himg_sl_iebrowser||himg_sl_dom){
		this.resetit(this.curcanvas)
		var crossobj=this.tempobj=himg_sl_iebrowser? himg_sl_iebrowser[this.curcanvas] : document.getElementById(this.curcanvas)
		this.crossobj.style.zIndex++
		var temp='setInterval("movepic()",50)'
		dropslide[this.slideshowid]=eval(temp)
		this.curcanvas=(this.curcanvas==this.canvasbase+"_0")? this.canvasbase+"_1" : this.canvasbase+"_0"
	} else 
		var ns4imgobj=document.images['defaultslide'+this.slideshowid]
		ns4imgobj.src=this.postimages[this.curimageindex].src
	
	this.linkindex=this.curimageindex
	this.curimageindex=(this.curimageindex<this.postimages.length-1)? this.curimageindex+1 : 0
}


slideshow_r2l.prototype.rotatelink=function(picindex) {
	if (this.theimages[picindex][1]!="")
		window.location=this.theimages[picindex][1]
}


slideshow_r2l.prototype.populateslide=function(picobj, picindex){
	var slideHTML=""
	if (this.theimages[picindex][1]!="") //if associated link exists for image
		slideHTML='<a href="'+this.theimages[picindex][1]+'" target="'+this.theimages[picindex][2]+'">'
	slideHTML+='<img src="'+this.postimages[picindex].src+'" border="'+this.imageborder+'px" alt="'+this.theimages[picindex][3]+'">'
	if (this.theimages[picindex][1]!="") //if associated link exists for image
		slideHTML+='</a>'
	picobj.innerHTML=slideHTML
}


slideshow_r2l.prototype.resetit=function(what) {
	this.curpos=parseInt(this.show_width)
	var crossobj=himg_sl_iebrowser? himg_sl_iebrowser[this.curcanvas] : document.getElementById(this.curcanvas)

	crossobj.style.left=this.curpos+"px"
}


slideshow_r2l.prototype.startit=function() {
	var crossobj=himg_sl_iebrowser? himg_sl_iebrowser[this.curcanvas] : document.getElementById(this.curcanvas)

	this.populateslide(crossobj, this.curimageindex)

	if (this.pausecheck==1){ //IF SLIDESHOW SHOULD PAUSE ONMOUSEOVER
		var cacheobj=this
		var crossobjcontainer=himg_sl_iebrowser? himg_sl_iebrowser[this.canvasbase] : document.getElementById(this.canvasbase)
		crossobjcontainer.onmouseover=function(){cacheobj.mouseovercheck=1}
		crossobjcontainer.onmouseout=function(){cacheobj.mouseovercheck=0}
	}

	this.rotateimage()
}