/***********************************************
* 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. if you want a link place after image code

fadeimages[0]=["/fade/1.jpg", "", ""]
 
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]=["http://www.primrose-london.co.uk/product_thumb1.php?img=images/WF0137L.jpg&w=150&h=200", "http://www.primrose-london.co.uk/feng-shui-fountain-garden-water-feature-p-631.html", "", "Feng Shui garden fountain L139.95"] //plain image syntax
fadeimages2[1]=["http://www.primrose-london.co.uk/product_thumb1.php?img=images/WF0392.jpg&w=150&h=200", "http://www.primrose-london.co.uk/tower-fountain-water-feature-p-1148.html", "", "Geo Tower LED Fountain L549.95"]
fadeimages2[2]=["http://www.primrose-london.co.uk/product_thumb1.php?img=images/WF0131LS.jpg&w=150&h=200", "http://www.primrose-london.co.uk/outdoor-water-feature-dancer-p-625.html", "", "Outdoor Water Feature Dancer L79.95"] //image with link syntax
fadeimages2[3]=["http://www.primrose-london.co.uk/product_thumb1.php?img=images/singleHI.jpg&w=150&h=200", "http://www.primrose-london.co.uk/single-pillar-candle-water-feature-p-1180.html", "", "Single Pillar Candle Water Feature L42.95"] //image with link syntax
fadeimages2[4]=["http://www.primrose-london.co.uk/product_thumb1.php?img=images/WF0167sale.jpg&w=150&h=200", "http://www.primrose-london.co.uk/stainless-steel-cascade-waterfall-p-703.html", "", "Stainless steel cascade waterfall L52.95"]
fadeimages2[5]=["http://www.primrose-london.co.uk/product_thumb1.php?img=images/WF0382.jpg&w=150&h=200", "http://www.primrose-london.co.uk/cloisters-fountain-p-1113.html", "", "Cloisters Fountain L1,194.95"]
fadeimages2[5]=["http://www.primrose-london.co.uk/product_thumb1.php?img=images/titchmarsh%20fade%20image.jpg&w=150&h=200", "http://www.primrose-london.co.uk/water-features-alan-titchmarsh-c-1_203.html", "", "Alan Titchmarsh Water Feature L199.95"]
var fadebgcolor="#9AC10C" 
 

 
var fadeimages5=new Array() //2nd array set example. Remove or add more sets as needed.
//SET IMAGE PATHS. Extend or contract array as needed
fadeimages5[0]=["/product_thumb1.php?img=images/20284.jpg&w=193&h=300", "http://www.primrose-italia.eu/orologio-nero-esterni-51cm-p-18918.html?cPath=1249_1881", "", "Orologio nero per esterni - 51cm"] //plain image syntax
fadeimages5[1]=["/product_thumb1.php?img=images/gg0118_01_new.jpg&w=300&h=300", "http://www.primrose-italia.eu/orologio-giardino-grandi-dimensioni-bianco-p-18899.html?cPath=1249_1881", "", "Orologio da giardino di grandi dimensioni - Bianco 90 cm"]
fadeimages5[2]=["/product_thumb1.php?img=images/gg0099frontface.jpg&w=300&h=300", "http://www.primrose-italia.eu/orologio-girevole-esterni-con-termometro-p-16551.html?cPath=1249_1881", "", "Orologio girevole da esterni con termometro 35cm"] //image with link syntax
fadeimages5[3]=["/product_thumb1.php?img=images/gg0201main1small.jpg&w=300&h=300", "http://www.primrose-italia.eu/orologio-classico-esterni-con-led-457cm-p-16543.html?cPath=1249_1881", "", "Orologio classico da esterni con LED – 45.7cm"] //image with link syntax
fadeimages5[4]=["/product_thumb1.php?img=images/togethersmallv1.jpg&w=300&h=300", "http://www.primrose-italia.eu/orologio-giardino-grandi-dimensioni-diametro-p-9040.html?cPath=1249_1881", "", "Orologio da giardino di grandi dimensioni - diametro 90 cm"]
fadeimages5[5]=["/product_thumb1.php?img=images/gg0098frontfacev2.jpg&w=221&h=300", "http://www.primrose-italia.eu/orologio-per-esterni-con-galletto-campanella-pi%C3%B9-termometro-altezza-totale-47cm-diametro-15cm-p-9029.html?cPath=1249_1881", "", "Orologio per esterni con galletto e campanella più termometro - Altezza totale 47cm, diametro 15cm"]
                
fadeimages5[6]=["http://www.primrose-italia.eu/product_thumb1.php?img=images/CL089.jpg&w=221&h=300", "http://www.primrose-italia.eu/sveglia-cavallo-p-18974.html?cPath=1249_1880", "", "Sveglia con cavallo- 9.5 cm"]
fadeimages5[7]=["http://www.primrose-italia.eu/product_thumb1.php?img=images/CL067.jpg&w=221&h=300", "http://www.primrose-italia.eu/orologio-fantasia-mare-p-18917.html?cPath=1249_1880", "", "Orologio Fantasia Mare"]
fadeimages5[8]=["http://www.primrose-italia.eu/product_thumb1.php?img=images/CL063.jpg&w=221&h=300", "http://www.primrose-italia.eu/orologio-coccinella-p-18964.html?cPath=1249_1880", "", "Orologio a Coccinella"]

fadeimages5[9]=["http://www.primrose-italia.eu/product_thumb1.php?img=images/W6756 Large Web view.jpg&w=221&h=400", "http://www.primrose-italia.eu/orologio-cucu-ballerini-legno-66cm-p-19009.html?cPath=1249_1889", "", "Orologio a cucu' con ballerini in legno - 66cm"]
fadeimages5[10]=["http://www.primrose-italia.eu/product_thumb1.php?img=images/CL077.jpg&w=221&h=300", "http://www.primrose-italia.eu/orologio-cucu-gatto-p-19018.html?cPath=1249_1889", "", "Orologio a cucu' con gatto"]
fadeimages5[11]=["http://www.primrose-italia.eu/product_thumb1.php?img=images/EweCoo blue.jpg&w=221&h=300", "http://www.primrose-italia.eu/orologio-cucu-pecorella-p-19049.html?cPath=1249_1889", "", "Orologio a cucu' con pecorella"]

var fadebgcolor="#9AC10C"  
 
 
 
var fadeimages4=new Array() //2nd array set example. Remove or add more sets as needed.
//SET IMAGE PATHS. Extend or contract array as needed
fadeimages4[0]=["http://www.primrose-london.co.uk/images/closefadelights.jpg", 
				"http://www.primrose-london.co.uk/", "", "alt text"] //plain image syntax
fadeimages4[1]=["http://www.primrose-london.co.uk/images/wallfadelights.jpg", 
				"http://www.primrose-london.co.uk/", "", ""]
fadeimages4[2]=["http://www.primrose-london.co.uk/images/slatefadelights.jpg", 
				"http://www.primrose-london.co.uk/", "", ""] //image with link syntax
fadeimages4[3]=["http://www.primrose-london.co.uk/images/yingyangnightlights.jpg", 
				"http://www.primrose-london.co.uk/", "", ""] //image with link syntax
fadeimages4[4]=["http://www.primrose-london.co.uk/images/cascadelightsfade.jpg", 
				"http://www.primrose-london.co.uk/", "", ""]
var fadebgcolor="#9AC10C"  
 
 
 
 
 
var fadeimages3=new Array() //2nd array set example. Remove or add more sets as needed.
//SET IMAGE PATHS. Extend or contract array as needed
fadeimages3[0]=["http://www.primrose-london.co.uk/product_thumb.php?img=images/WF0020L2.jpg&w=160&h=212", "http://www.primrose-london.co.uk/ibiza-wall-fountain-p-27.html", "", "Ibiza wall fountain L324.95"] //plain image syntax
fadeimages3[1]=["http://www.primrose-london.co.uk/product_thumb1.php?img=images/stonehum.jpg&w=160&h=212", "http://www.primrose-london.co.uk/modern-stone-effect-humidi-water-wall-p-1210.html", "", "Modern Stone Effect Humidi Water Wall L109.95"] //image with link syntax
fadeimages3[2]=["http://www.primrose-london.co.uk/product_thumb1.php?img=images/3%20towers%20b6.jpg&w=160&h=212", "http://www.primrose-london.co.uk/stainless-steel-water-feature-tubes-p-29.html", "", "Stainless steel tubes water feature L274.95"] //image with link and target syntax the last one is alternative text
fadeimages3[3]=["http://www.primrose-london.co.uk/product_thumb1.php?img=images/WF0388A.jpg&w=160&h=212", "http://www.primrose-london.co.uk/ceramic-tabletop-cascade-p-1128.html", "", "Ceramic tabletop cascade L32.50"]
var fadebgcolor="white"
 
 
 
 
 var fadeimages6=new Array() //2nd array set example. Remove or add more sets as needed.
//SET IMAGE PATHS. Extend or contract array as needed
fadeimages6[0]=["http://www.primrose-london.co.uk/images/good-pics-fade1.jpg", "/waterfeature_images.php", "", "Click here to view some great pics"] //plain image syntax
fadeimages6[1]=["http://www.primrose-london.co.uk/images/good-pics-fade2.jpg", "/waterfeature_images.php", "", "Click here to view some great pics"] //image with link syntax
fadeimages6[2]=["http://www.primrose-london.co.uk/images/good-pics-fade3.jpg", "/waterfeature_images.php", "", "Click here to view some great pics"] //image with link and target syntax the last one is alternative text
var fadebgcolor="#FFFFFF"
 
 

  var fadeimageswf=new Array() //2nd array set example. Remove or add more sets as needed.
//SET IMAGE PATHS. Extend or contract array as needed
fadeimageswf[0]=["/images/waterfeatures/wf_slide_01.jpg", "/elestial-crystal-humidi-indoor-water-feature-p-2009.html", "", "Click here to view some great pics"] //plain image syntax
fadeimageswf[1]=["/images/waterfeatures/wf_slide_02.jpg", "/water-wall-vertical-wall-130cm-180cm-p-1630.html", "", "Click here to view some great pics"] //image with link syntax
fadeimageswf[2]=["/images/waterfeatures/wf_slide_03.jpg", "/water-features-indoor-water-features-c-1_7.html", "", "Click here to view some great pics"] //image with link and target syntax the last one is alternative text
fadeimageswf[3]=["/images/waterfeatures/wf_slide_04.jpg", "/highland-slate-water-feature-p-1216.html", "", "Click here to view some great pics"] //image with link and target syntax the last one is alternative text
fadeimageswf[4]=["/images/waterfeatures/wf_slide_05.jpg", "/water-features-spheres-c-1_214.html", "", "Click here to view some great pics"] //image with link and target syntax the last one is alternative text
fadeimageswf[5]=["/images/waterfeatures/wf_slide_06.jpg", "/cascading-cone-water-feature-p-1442.html", "", "Click here to view some great pics"] //image with link and target syntax the last one is alternative text
fadeimageswf[6]=["/images/waterfeatures/wf_slide_07.jpg", "/135cm-three-tiered-tubed-water-feature-with-lights-p-1681.html", "", "Click here to view some great pics"] //image with link and target syntax the last one is alternative text
fadeimageswf[7]=["/images/waterfeatures/wf_slide_08.jpg", "/aphrodite-selfcontained-p-79.html", "", "Click here to view some great pics"] //image with link and target syntax the last one is alternative text
var fadebgcolor="#FFFFFF"
 
 
 
 
 
 
 
 
 
 
////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<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 (iebrowser&&dom||dom) //if IE5+ or modern browsers (ie: Firefox)
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;filter:progid:DXImageTransform.Microsoft.alpha(opacity=10);-moz-opacity:10;-khtml-opacity:10;opacity:10;background-color:'+fadebgcolor+'"></div><div id="'+this.canvasbase+'_1" style="position:absolute;width:'+fadewidth+'px;height:'+fadeheight+'px;top:0;left:0;filter:progid:DXImageTransform.Microsoft.alpha(opacity=10);-moz-opacity:10;background-color:'+fadebgcolor+'"></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.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<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" alt="'+this.theimages[picindex][3]+'">'
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=obj.degree/100
}
 
 
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()
}