var fadeimages=new Array()








//SET IMAGE PATHS. Extend or contract array as needed



fadeimages[0]=["images/slide3.jpg", "", ""] //plain image syntax

fadeimages[1]=["images/slide2.jpg", "", ""] //plain image syntax

fadeimages[2]=["images/slide5.jpg", "", ""] //plain image syntax

fadeimages[3]=["images/slide7.jpg", "", ""] //plain image syntax


var fadebgcolor="transparent"


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







var fadearray=new Array() //array to cache fadeshow instances








var fadeclear=new Array() //array to cache corresponding clearinterval pointers








 








var dom=(document.getElementById) //modern dom browsers








var iebrowser=document.all








 








function fadeshow(theimages, fadewidth, fadeheight, borderwidth, delay, pause, displayorder){








this.pausecheck=pause








this.mouseovercheck=0








this.delay=delay








this.degree=10 //initial opacity degree (10%)








this.curimageindex=0








this.nextimageindex=1








fadearray[fadearray.length]=this








this.slideshowid=fadearray.length-1








this.canvasbase="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)








var fadewidth=fadewidth+this.imageborder*2








var fadeheight=fadeheight+this.imageborder*2








this.postimages=new Array() //preload images








if (iebrowser&&dom||dom) { //if IE5+ or modern browsers (ie: Firefox)








document.write('<div id="imgDiv'+this.slideshowid+'"  style="display:none;">')








for (var i_tem = 0; i_tem < this.theimages.length; i_tem++)








document.write('<img src="'+this.theimages[i_tem][0]+'">\n')








document.write('</div>')

















for (var p=0;p<theimages.length;p++){








this.postimages[p]=new Image()








this.postimages[p].src=document.getElementById('imgDiv'+this.slideshowid).getElementsByTagName('img')[p].src








}








document.write('<div style="position:relative;width:'+fadewidth+'px;height:'+fadeheight+'px;"><!-- crossbrowser images_loading_bar - Gerard Ferrandez - www.dhteumeuleu.com - Feb 2005 -->\n')








document.write('<span id=LB0'+this.slideshowid+' style="position:absolute;left:50%;top:50%;"><span style="position:absolute;font-family:arial;font-size:10px;color:#666666;left:-50px;top:-18px">Loading...</span>\n')








document.write('<span style="position:absolute;left:-50px;top:-5px;font-size:1px;width:100px;height:10px;background:#333"><span id=LB1'+this.slideshowid+' style="position:absolute;left:0;top:0;font-size:1px;width:0;height:10px;background:#666666"></span></span></span>\n')








document.write('<div id="show'+this.slideshowid+'" style="visibility:hidden;">\n')








}

















else








for (var p=0;p<theimages.length;p++){








this.postimages[p]=new Image()








this.postimages[p].src=theimages[p][0]








}








 








if (iebrowser&&dom||dom) {//if IE5+ or modern browsers (ie: Firefox)








var filtering=typeof document.body.style.opacity!=='string'? 'filter:progid:DXImageTransform.Microsoft.alpha(opacity=10);-khtml-opacity:10;-moz-opacity:10;' : ''








document.write('<div id="master'+this.slideshowid+'" style="position:relative;width:'+fadewidth+'px;height:'+fadeheight+'px;overflow:hidden;"><div id="'+this.canvasbase+'_0" style="position:absolute;width:'+fadewidth+'px;height:'+fadeheight+'px;top:0;left:0;'+filtering+'opacity:10;background-color:'+fadebgcolor+'"></div><div id="'+this.canvasbase+'_1" style="position:absolute;width:'+fadewidth+'px;height:'+fadeheight+'px;top:0;left:0;'+filtering+'opacity:10;background-color:'+fadebgcolor+'"></div></div></div></div>')








}








else








document.write('<div><img name="defaultslide'+this.slideshowid+'" src="'+this.postimages[0].src+'"></div>')








 








if (iebrowser&&dom||dom) //if IE5+ or modern browsers such as Firefox








this.images_loading_bar()








else{








this.curimageindex++








setInterval("fadearray["+this.slideshowid+"].rotateimage()", this.delay)








}








}

















function fadepic(obj){








if (obj.degree<100){








obj.degree+=10








if (obj.tempobj.filters&&obj.tempobj.filters[0]){








if (typeof obj.tempobj.filters[0].opacity=="number") //if IE6+








obj.tempobj.filters[0].opacity=obj.degree








else //else if IE5.5-








obj.tempobj.style.filter="alpha(opacity="+obj.degree+")"








}








else if (obj.tempobj.style.MozOpacity)








obj.tempobj.style.MozOpacity=obj.degree/101








else if (obj.tempobj.style.KhtmlOpacity)








obj.tempobj.style.KhtmlOpacity=obj.degree/100








else if (obj.tempobj.style.opacity&&!obj.tempobj.filters)








obj.tempobj.style.opacity=obj.degree/101








}








else{








clearInterval(fadeclear[obj.slideshowid])








obj.nextcanvas=(obj.curcanvas==obj.canvasbase+"_0")? obj.canvasbase+"_0" : obj.canvasbase+"_1"








obj.tempobj=iebrowser? iebrowser[obj.nextcanvas] : document.getElementById(obj.nextcanvas)








obj.populateslide(obj.tempobj, obj.nextimageindex)








obj.nextimageindex=(obj.nextimageindex<obj.postimages.length-1)? obj.nextimageindex+1 : 0








setTimeout("fadearray["+obj.slideshowid+"].rotateimage()", obj.delay)








}








}








 








fadeshow.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">'








if (this.theimages[picindex][1]!="") //if associated link exists for image








slideHTML+='</a>'








picobj.innerHTML=slideHTML








}








 








 








fadeshow.prototype.rotateimage=function(){








if (this.pausecheck==1) //if pause onMouseover enabled, cache object








var cacheobj=this








if (this.mouseovercheck==1)








setTimeout(function(){cacheobj.rotateimage()}, 100)








else if (iebrowser&&dom||dom){








this.resetit()








var crossobj=this.tempobj=iebrowser? iebrowser[this.curcanvas] : document.getElementById(this.curcanvas)








crossobj.style.zIndex++








fadeclear[this.slideshowid]=setInterval("fadepic(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








}








 








fadeshow.prototype.resetit=function(){








this.degree=10








var crossobj=iebrowser? iebrowser[this.curcanvas] : document.getElementById(this.curcanvas)








if (crossobj.filters&&crossobj.filters[0]){








if (typeof crossobj.filters[0].opacity=="number") //if IE6+








crossobj.filters(0).opacity=this.degree








else //else if IE5.5-








crossobj.style.filter="alpha(opacity="+this.degree+")"








}








else if (crossobj.style.MozOpacity)








crossobj.style.MozOpacity=this.degree/101








else if (crossobj.style.KhtmlOpacity)








crossobj.style.KhtmlOpacity=this.degree/100








else if (crossobj.style.opacity&&!crossobj.filters)








crossobj.style.opacity=this.degree/101








}








 








 








fadeshow.prototype.startit=function(){








var crossobj=iebrowser? 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=iebrowser? iebrowser["master"+this.slideshowid] : document.getElementById("master"+this.slideshowid)








crossobjcontainer.onmouseover=function(){cacheobj.mouseovercheck=1}








crossobjcontainer.onmouseout=function(){cacheobj.mouseovercheck=0}








}








this.rotateimage()








}

















fadeshow.prototype.images_loading_bar=function(){








var m00=document.getElementById('imgDiv'+this.slideshowid).getElementsByTagName('img');








var m01=m00.length;








var m02=0;








for(var i=0;i<m01;i++)








m02+=(m00[i].complete)?1:0;








document.getElementById('LB1'+this.slideshowid).style.width=Math.round(m02/m01*100)+'px';








if(m02==m01){setTimeout("document.getElementById('LB0"+this.slideshowid+"').style.display='none';document.getElementById('show"+this.slideshowid+"').style.visibility='visible';fadearray["+this.slideshowid+"].startit()",300);}








else setTimeout("fadearray["+this.slideshowid+"].images_loading_bar()", 64);








}