/*********************************************** * Ultimate Fade-In Slideshow: © Dynamic Drive (http://www.dynamicdrive.com) * This notice MUST stay intact for legal use * Visit http://www.dynamicdrive.com/ for this script and 100s more. ***********************************************/ var fadebgcolor="white"; var fadeimages=new Array(); fadeimages[0]=["images/homepage/rotating_graphic_03.jpg", "", ""]; fadeimages[1]=["images/homepage/rotating_graphic_07.jpg", "", ""]; fadeimages[2]=["images/homepage/rotating_graphic_08.jpg", "", ""]; fadeimages[3]=["images/homepage/rotating_graphic_11.jpg", "", ""]; fadeimages[4]=["images/homepage/rotating_graphic_02.jpg", "", ""]; fadeimages[5]=["images/homepage/rotating_graphic_10.jpg", "", ""]; fadeimages[6]=["images/homepage/rotating_graphic_01.jpg", "", ""]; 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 ie4=document.all; function fadeshow(theimages, fadewidth, fadeheight, borderwidth, pause, displayorder) { this.pause=pause; this.degree=10; //initial opacity degree (10%) this.curimageindex=0; this.nextimageindex=1; fadearray[fadearray.length]=this; this.slideshowid=eval(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();}); 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 fadewidth=fadewidth+this.imageborder*2; var fadeheight=fadeheight+this.imageborder*2; if (ie4||dom) document.write('
'); else document.write(''); if (ie4||dom) this.startit(); else{ this.curimageindex++; var temp='setInterval("fadearray['+this.slideshowid+'].rotateimage()", '+this.pause+')'; eval(temp); } } function fadepic(obj) { if (obj.degree < 100) { obj.degree+=5; if (obj.tempobj.filters) obj.tempobj.filters.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 { clearInterval(fadeclear[obj.slideshowid]); obj.nextcanvas=(obj.curcanvas==obj.canvasbase+"_0")? obj.canvasbase+"_0" : obj.canvasbase+"_1"; obj.tempobj=ie4? eval("document.all."+obj.nextcanvas) : document.getElementById(obj.nextcanvas); obj.populateslide(obj.tempobj, obj.nextimageindex); obj.nextimageindex=(obj.nextimageindex < obj.postimages.length-1) ? obj.nextimageindex + 1 : 0; var temp='setTimeout("fadearray['+obj.slideshowid+'].rotateimage()", '+obj.pause+')'; eval(temp); } } fadeshow.prototype.populateslide=function(picobj, picindex) { var slideHTML=""; if (this.theimages[picindex][1] != "") //if associated link exists for image slideHTML=''; slideHTML+=''; if (this.theimages[picindex][1] != "") //if associated link exists for image slideHTML+=''; picobj.innerHTML=slideHTML; } fadeshow.prototype.rotateimage=function() { if (ie4||dom) { this.resetit(); var crossobj=this.tempobj=ie4 ? eval("document.all."+this.curcanvas) : document.getElementById(this.curcanvas); crossobj.style.zIndex++; var temp='setInterval("fadepic(fadearray['+this.slideshowid+'])",50)'; fadeclear[this.slideshowid]=eval(temp); this.curcanvas=(this.curcanvas==this.canvasbase+"_0")? this.canvasbase+"_1" : this.canvasbase+"_0"; } else { var ns4imgobj=eval("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=ie4 ? eval("document.all." + this.curcanvas) : document.getElementById(this.curcanvas); if (crossobj.filters) crossobj.filters.alpha.opacity=this.degree; else if (crossobj.style.MozOpacity) crossobj.style.MozOpacity=this.degree / 101; else if (crossobj.style.KhtmlOpacity) crossobj.style.KhtmlOpacity=obj.degree / 100; } fadeshow.prototype.startit=function() { var crossobj=ie4 ? eval("document.all." + this.curcanvas) : document.getElementById(this.curcanvas); this.populateslide(crossobj, this.curimageindex); this.rotateimage(); }