/*********************************************** * Ultimate Fade-In Slideshow (v1.5): ? 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 fadeimages=new Array() //SET IMAGE PATHS. Extend or contract array as needed //this is the actual images to fade and the target pages on click //fadeimages[0]=["includes/templates/forest_path/images/black01.jpg","index.php?main_page=index&cPath=68", "_self"] //fadeimages[1]=["includes/templates/forest_path/images/red01.jpg", "index.php?main_page=index&cPath=67_75", "_self"] //fadeimages[2]=["includes/templates/forest_path/images/silver01.jpg", "index.php?main_page=index&cPath=66_81", "_self"] //fadeimages[3]=["includes/templates/forest_path/images/orange01.jpg", "index.php?main_page=index&cPath=66_81", "_self"] //fadeimages[0]=["includes/templates/forest_path/images/sco_black.jpg","index.php?main_page=index&cPath=68", "_self"] //fadeimages[1]=["includes/templates/forest_path/images/sco_red.jpg", "index.php?main_page=index&cPath=67_75", "_self"] //fadeimages[2]=["includes/templates/forest_path/images/sco_silver.jpg", "index.php?main_page=index&cPath=66_81", "_self"] //fadeimages[3]=["includes/templates/forest_path/images/sco_orange.jpg", "index.php?main_page=index&cPath=66_81", "_self"] fadeimages[0]=["includes/templates/comstock/images/p1.jpg", "http://www.p-power.eu/nl/mobieletelefoon-accessoires-1/leer-hoes-55/blackberry-57/", "BB8520"] fadeimages[1]=["includes/templates/comstock/images/p2.jpg", "http://www.p-power.eu/nl/mobieletelefoon-accessoires-1/leer-hoes-55/blackberry-57/", "_self"] fadeimages[2]=["includes/templates/comstock/images/p3.jpg", "http://www.p-power.eu/nl/mobieletelefoon-accessoires-1/leer-hoes-55/blackberry-57/", "_self"] fadeimages[3]=["includes/templates/comstock/images/p4.jpg", "http://www.p-power.eu/nl/mobieletelefoon-accessoires-1/autohouder-34/nokia-37/", "_self"] fadeimages[4]=["includes/templates/comstock/images/p5.jpg", "http://www.p-power.eu/nl/mobieletelefoon-accessoires-1/autohouder-34/haicom-35/", "_self"] fadeimages[5]=["includes/templates/comstock/images/p6.jpg", "http://www.p-power.eu/nl/iphone-ipod-ipad-151/ipad-hoes-165/index-2.html", "_self"] fadeimages[6]=["includes/templates/comstock/images/p7.jpg", "http://www.p-power.eu/nl/mobieletelefoon-accessoires-1/display-beschermfolie-149/", "_self"] fadeimages[7]=["includes/templates/comstock/images/p8.jpg", "http://www.p-power.eu/nl/mobieletelefoon-accessoires-1/leer-hoes-55/leder-type-137/", "_self"] fadeimages[8]=["includes/templates/comstock/images/p9.jpg", "http://www.p-power.eu/nl/mobieletelefoon-accessoires-1/leer-hoes-55/leder-type-137/index-3.html", "_self"] fadeimages[9]=["includes/templates/comstock/images/p10.jpg", "http://www.p-power.eu/nl/mobieletelefoon-accessoires-1/leer-hoes-55/crocodile-goffer-type-67/", "_self"] fadeimages[10]=["includes/templates/comstock/images/p11.jpg", "http://www.p-power.eu/nl/mobieletelefoon-accessoires-1/leer-hoes-55/crocodile-goffer-type-67/", "_self"] fadeimages[11]=["includes/templates/comstock/images/p12.jpg", "http://www.p-power.eu/nl/mobieletelefoon-accessoires-1/leer-hoes-55/", "_self"] fadeimages[12]=["includes/templates/comstock/images/p13.jpg", "http://www.p-power.eu/nl/mobieletelefoon-accessoires-1/leer-hoes-55/blackberry-57/index-3.html", "_self"] fadeimages[13]=["includes/templates/comstock/images/p14.jpg", "http://www.p-power.eu/nl/mobieletelefoon-accessoires-1/leer-hoes-55/blackberry-57/index-3.html", "_self"] fadeimages[14]=["includes/templates/comstock/images/p15.jpg", "http://www.p-power.eu/nl/mobieletelefoon-accessoires-1/leer-hoes-55/blackberry-57/index-3.html", "_self"] fadeimages[15]=["includes/templates/comstock/images/p16.jpg", "http://www.p-power.eu/nl/iphone-ipod-ipad-151/hoes-152/slangenleren-serie-hoes-158/", "_self"] fadeimages[16]=["includes/templates/comstock/images/p17.jpg", "http://www.p-power.eu/nl/iphone-ipod-ipad-151/hoes-152/slangenleren-serie-hoes-158/", "_self"] fadeimages[17]=["includes/templates/comstock/images/p18.jpg", "http://www.p-power.eu/nl/iphone-ipod-ipad-151/hoes-152/slangenleren-serie-hoes-158/", "_self"] fadeimages[18]=["includes/templates/comstock/images/p19.jpg", "http://www.p-power.eu/nl/iphone-ipod-ipad-151/draagbare-luidspreker-159/", "_self"] fadeimages[19]=["includes/templates/comstock/images/p20.jpg", "http://www.p-power.eu/nl/iphone-ipod-ipad-151/draagbare-luidspreker-159/", "_self"] fadeimages[20]=["includes/templates/comstock/images/p21.jpg", "http://www.p-power.eu/nl/iphone-ipod-ipad-151/draagbare-luidspreker-159/", "_self"] fadeimages[21]=["includes/templates/comstock/images/p22.jpg", "http://www.p-power.eu/nl/iphone-ipod-ipad-151/hoes-152/kunstleer-series-164/", "_self"] fadeimages[22]=["includes/templates/comstock/images/p23.jpg", "http://www.p-power.eu/nl/iphone-ipod-ipad-151/hoes-152/kunstleer-series-164/", "_self"] fadeimages[23]=["includes/templates/comstock/images/p24.jpg", "http://www.p-power.eu/nl/iphone-ipod-ipad-151/hoes-152/kunstleer-series-164/", "_self"] fadeimages[24]=["includes/templates/comstock/images/p25.jpg", "http://www.p-power.eu/nl/iphone-ipod-ipad-151/hoes-152/kunstleer-series-164/", "_self"] fadeimages[25]=["includes/templates/comstock/images/p26.jpg", "http://www.p-power.eu/nl/iphone-ipod-ipad-151/hoes-152/4b-series-163/", "_self"] fadeimages[26]=["includes/templates/comstock/images/p27.jpg", "http://www.p-power.eu/nl/iphone-ipod-ipad-151/hoes-152/4b-series-163/", "_self"] fadeimages[27]=["includes/templates/comstock/images/p28.jpg", "http://www.p-power.eu/nl/iphone-ipod-ipad-151/hoes-152/4b-series-163/", "_self"] fadeimages[28]=["includes/templates/comstock/images/p29.jpg", "http://www.p-power.eu/nl/iphone-ipod-ipad-151/oplader-batterij-156/", "_self"] fadeimages[29]=["includes/templates/comstock/images/p30.jpg", "http://www.p-power.eu/nl/iphone-ipod-ipad-151/oplader-batterij-156/", "_self"] fadeimages[30]=["includes/templates/comstock/images/p31.jpg", "http://www.p-power.eu/nl/iphone-ipod-ipad-151/hoes-152/shine-series-161/", "_self"] fadeimages[31]=["includes/templates/comstock/images/p32.jpg", "http://www.p-power.eu/nl/iphone-ipod-ipad-151/hoes-152/shine-series-161/", "_self"] fadeimages[32]=["includes/templates/comstock/images/p33.jpg", "http://www.p-power.eu/nl/iphone-ipod-ipad-151/hoes-152/shine-series-161/", "_self"] fadeimages[33]=["includes/templates/comstock/images/p34.jpg", "http://www.p-power.eu/nl/iphone-ipod-ipad-151/hoes-152/shine-series-161/", "_self"] fadeimages[34]=["includes/templates/comstock/images/p35.jpg", "http://www.p-power.eu/nl/iphone-ipod-ipad-151/hoes-152/shine-series-161/", "_self"] fadeimages[35]=["includes/templates/comstock/images/p36.jpg", "http://www.p-power.eu/nl/iphone-ipod-ipad-151/ipad-hoes-165/", "_self"] fadeimages[36]=["includes/templates/comstock/images/p37.jpg", "http://www.p-power.eu/nl/iphone-ipod-ipad-151/ipad-hoes-165/", "_self"] fadeimages[37]=["includes/templates/comstock/images/p38.jpg", "http://www.p-power.eu/nl/iphone-ipod-ipad-151/ipad-hoes-165/", "_self"] fadeimages[38]=["includes/templates/comstock/images/p39.jpg", "http://www.p-power.eu/nl/iphone-3g-autohouder-allkit-fm-transmitter-805.html", "_self"] fadeimages[39]=["includes/templates/comstock/images/p42.jpg", "http://www.p-power.eu/nl/iphone-ipod-ipad-151/ipad-hoes-165/", "_self"] fadeimages[40]=["includes/templates/comstock/images/p41.jpg", "http://www.p-power.eu/nl/iphone-ipod-ipad-151/ipad-hoes-165/", "_self"] fadeimages[41]=["includes/templates/comstock/images/p43.jpg", "http://www.p-power.eu/nl/mobieletelefoon-accessoires-1/leer-hoes-55/blackberry-57/", "_self"] fadeimages[42]=["includes/templates/comstock/images/p44.jpg", "http://www.p-power.eu/nl/mobieletelefoon-accessoires-1/leer-hoes-55/blackberry-57/", "_self"] fadeimages[43]=["includes/templates/comstock/images/p45.jpg", "http://www.p-power.eu/nl/mobieletelefoon-accessoires-1/leer-hoes-55/blackberry-57/", "_self"] fadeimages[44]=["includes/templates/comstock/images/p47.jpg", "http://www.p-power.eu/nl/mobieletelefoon-accessoires-1/leer-hoes-55/blackberry-57/", "_self"] fadeimages[45]=["includes/templates/comstock/images/p48.jpg", "http://www.p-power.eu/nl/mobieletelefoon-accessoires-1/leer-hoes-55/blackberry-57/", "_self"] fadeimages[46]=["includes/templates/comstock/images/p49.jpg", "http://www.p-power.eu/nl/tomtom-xl-330-widescreen-1350.html", "_self"] fadeimages[47]=["includes/templates/comstock/images/p50.jpg", "http://www.p-power.eu/nl/tomtom-xl-330-widescreen-1350.html", "_self"] //var fadeimages2=new Array() //2nd array set example. Remove or add more sets as needed. //SET IMAGE PATHS. Extend or contract array as needed //fadeimages2[0]=["photo1.jpg", "", ""] //plain image syntax //fadeimages2[1]=["photo2.jpg", "http://www.cssdrive.com", ""] //image with link syntax //fadeimages2[2]=["photo3.jpg", "http://www.javascriptkit.com", "_new"] //image with link and target syntax //var fadeimages2=new Array() //2nd array set example. Remove or add more sets as needed. //SET IMAGE PATHS. Extend or contract array as needed var fadebgcolor="white" ////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) this.postimages=new Array() //preload images for (p=0;p
') else document.write('
') if (iebrowser&&dom||dom) //if IE5+ or modern browsers such as Firefox this.startit() 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{ 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' slideHTML+='' if (this.theimages[picindex][1]!="") //if associated link exists for image slideHTML+='' 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