// JavaScript Document
var fadeimages=new Array()
//SET IMAGE PATHS. Extend or contract array as needed
fadeimages[0]=['images/fade_image1.jpg', '', ''] 
fadeimages[1]=['images/fade_image2.jpg', '', ''] 
fadeimages[2]=['images/fade_image3.jpg', '', ''] 
fadeimages[3]=['images/fade_image4.jpg', '', ''] 
fadeimages[4]=['images/fade_image5.jpg', '', ''] 
fadeimages[5]=['images/fade_image6.jpg', '', '']
fadeimages[6]=['images/fade_image7.jpg', '', ''] 
fadeimages[7]=['images/fade_image8.jpg', '', ''] 
//fadeimages[8]=['images/fade_image4.jpg', '', ''] 
//fadeimages[9]=['images/fade_image4.jpg', '', '']
//fadeimages[10]=['images/fade_image4.jpg', '', '']
 
 var fadeimages2=new Array()
//SET IMAGE PATHS. Extend or contract array as needed
fadeimages2[0]=['portfolio/bci.jpg', 'cms_portfolio.htm', '']
fadeimages2[1]=['portfolio/wisbech.jpg', 'cms_portfolio.htm', ''] 
fadeimages2[2]=['portfolio/special-bags.jpg', 'e-commerce_portfolio.htm', ''] 
fadeimages2[3]=['portfolio/ocean-blue.jpg', 'brochure_portfolio.htm', ''] 
fadeimages2[4]=['portfolio/debbiejane.jpg', 'cms_portfolio.htm', ''] 
fadeimages2[5]=['portfolio/bronte.jpg', 'brochure_portfolio.htm', ''] 
fadeimages2[6]=['portfolio/design.jpg', 'music_websites.htm', '']
fadeimages2[7]=['portfolio/rmas.jpg', 'smallbusiness_portfolio.htm', ''] 
fadeimages2[8]=['portfolio/style.jpg', 'e-commerce_portfolio.htm', '']
fadeimages2[9]=['portfolio/equine4.jpg', 'cms_portfolio2.htm', '']


var fadeimages3=new Array()
//SET IMAGE PATHS. Extend or contract array as needed
fadeimages3[0]=['../portfolio/boddey.jpg', '../brochure_portfolio.htm', '']
fadeimages3[1]=['../portfolio/simone-cross.jpg', '../brochure_portfolio.htm', ''] 
fadeimages3[2]=['../portfolio/viva.jpg', '../brochure_portfolio.htm', ''] 
fadeimages3[3]=['../portfolio/flowers.jpg', '../brochure_portfolio.htm', ''] 
fadeimages3[4]=['../portfolio/atelier.jpg', '../brochure_portfolio.htm', ''] 
fadeimages3[5]=['../portfolio/balloons.jpg', '../brochure_portfolio.htm', ''] 
fadeimages3[6]=['../portfolio/kinch2.jpg', '../brochure_portfolio.htm', '']
fadeimages3[7]=['../portfolio/energy.jpg', '../brochure_portfolio.htm', ''] 
fadeimages3[8]=['../portfolio/gplawnmowers.jpg', '../brochure_portfolio.htm', '']
fadeimages3[9]=['../images/price-quote.jpg', '../contact/quotation.php', '']

var fadeimages4=new Array()
//SET IMAGE PATHS. Extend or contract array as needed
fadeimages4[0]=['../portfolio/nlidb.jpg', '../cms_portfolio.htm', '']
fadeimages4[1]=['../portfolio/tithe-barn.jpg', '../cms_portfolio.htm', ''] 
fadeimages4[2]=['../portfolio/ila.jpg', '../cms_portfolio.htm', ''] 
fadeimages4[3]=['../portfolio/twohoots.jpg', '../cms_portfolio.htm', ''] 
fadeimages4[4]=['../portfolio/jminteriors.jpg', '../cms_portfolio.htm', ''] 
fadeimages4[5]=['../portfolio/premier2.jpg', '../cms_portfolio.htm', ''] 
fadeimages4[6]=['../portfolio/special.jpg', '../cms_portfolio.htm', '']
fadeimages4[7]=['../images/price-email.jpg', '../contact/quotation.php', '']
//fadeimages4[7]=['../portfolio/energy.jpg', 'cms_portfolio.htm', ''] 
//fadeimages4[8]=['../portfolio/gplawnmowers.jpg', 'cms_portfolio.htm', '']

var fadeimages5=new Array()
//SET IMAGE PATHS. Extend or contract array as needed
fadeimages5[0]=['../portfolio/krl.jpg', '../smallbusiness_portfolio.htm', '']
fadeimages5[1]=['../portfolio/kitenics.jpg', '../smallbusiness_portfolio.htm', ''] 
fadeimages5[2]=['../portfolio/rmas.jpg', '../smallbusiness_portfolio.htm', ''] 
fadeimages5[3]=['../portfolio/simone-cross.jpg', '../smallbusiness_portfolio.htm', ''] 
fadeimages5[4]=['../portfolio/nahuel.jpg', '../smallbusiness_portfolio.htm', ''] 
fadeimages5[5]=['../portfolio/bespoke.jpg', '../smallbusiness_portfolio.htm', ''] 
fadeimages5[6]=['../portfolio/scott_whight.jpg', '../smallbusiness_portfolio.htm', '']
fadeimages5[7]=['../images/price-email.jpg', '../contact/contact.php', '']
//fadeimages4[7]=['../portfolio/energy.jpg', 'cms_portfolio.htm', ''] 
//fadeimages4[8]=['../portfolio/gplawnmowers.jpg', 'cms_portfolio.htm', '']

var fadeimages6=new Array()
//SET IMAGE PATHS. Extend or contract array as needed
fadeimages6[0]=['../portfolio/bedfactory.jpg', '../e-commerce_portfolio.htm', '']
fadeimages6[1]=['../portfolio/totem.jpg', '../e-commerce_portfolio.htm', ''] 
fadeimages6[2]=['../portfolio/himalayas.jpg', '../e-commerce_portfolio.htm', ''] 
fadeimages6[3]=['../portfolio/country.jpg', '../e-commerce_portfolio.htm', ''] 
fadeimages6[4]=['../portfolio/bestofbritish.jpg', '../e-commerce_portfolio.htm', ''] 
fadeimages6[5]=['../portfolio/warcovers.jpg', '../e-commerce_portfolio.htm', ''] 
fadeimages6[6]=['../portfolio/silver2.jpg', '../e-commerce_portfolio.htm', '']
fadeimages6[7]=['../images/price-email.jpg', '../contact/contact.php', '']
//fadeimages4[7]=['../portfolio/energy.jpg', 'cms_portfolio.htm', ''] 
//fadeimages4[8]=['../portfolio/gplawnmowers.jpg', 'cms_portfolio.htm', '']

var fadeimages7=new Array()
//SET IMAGE PATHS. Extend or contract array as needed
fadeimages7[0]=['../images/testimonial1.jpg', ' ', '']
fadeimages7[1]=['../images/testimonial2.jpg', ' ', ''] 
fadeimages7[2]=['../images/testimonial3.jpg', ' ', ''] 
fadeimages7[3]=['../images/testimonial4.jpg', ' ', ''] 
fadeimages7[4]=['../images/testimonial5.jpg', ' ', ''] 
fadeimages7[5]=['../images/testimonial6.jpg', ' ', ''] 
fadeimages7[6]=['../images/testimonial7.jpg', ' ', '']
fadeimages7[7]=['../images/testimonial8.jpg', ' ', '']
//fadeimages4[7]=['../portfolio/energy.jpg', 'cms_portfolio.htm', ''] 
//fadeimages4[8]=['../portfolio/gplawnmowers.jpg', 'cms_portfolio.htm', '']

var fadeimages8=new Array()
//SET IMAGE PATHS. Extend or contract array as needed
fadeimages8[0]=['../portfolio/atelier2.jpg', ' ', '']
fadeimages8[1]=['../portfolio/civil-funeral2.jpg', ' ', ''] 
fadeimages8[2]=['../portfolio/equine3.jpg', ' ', ''] 
fadeimages8[3]=['../portfolio/flowers2.jpg', ' ', ''] 
fadeimages8[4]=['../portfolio/kinch3.jpg', ' ', ''] 
fadeimages8[5]=['../portfolio/jminteriors2.jpg', ' ', ''] 
fadeimages8[6]=['../portfolio/twohoots2.jpg', ' ', '']
fadeimages8[7]=['../images/price-quote.jpg', ' ', '']
//fadeimages4[7]=['../portfolio/energy.jpg', 'cms_portfolio.htm', ''] 
//fadeimages4[8]=['../portfolio/gplawnmowers.jpg', 'cms_portfolio.htm', '']

var fadeimages9=new Array()
//SET IMAGE PATHS. Extend or contract array as needed
fadeimages9[0]=['../portfolio/tithe-barn2.jpg', ' ', '']
fadeimages9[1]=['../portfolio/premier3.jpg', ' ', ''] 
fadeimages9[2]=['../portfolio/boddey2.jpg', ' ', ''] 
fadeimages9[3]=['../portfolio/scott_whight2.jpg', ' ', ''] 
fadeimages9[4]=['../portfolio/gplawnmowers2.jpg', ' ', ''] 
fadeimages9[5]=['../portfolio/jminteriors2.jpg', ' ', ''] 
fadeimages9[6]=['../portfolio/ila2.jpg', ' ', '']
fadeimages4[7]=['../images/price-quote.jpg', ' ', ''] 
//fadeimages4[8]=['../portfolio/gplawnmowers.jpg', 'cms_portfolio.htm', '']

var fadeimages10=new Array()
//SET IMAGE PATHS. Extend or contract array as needed
fadeimages10[0]=['portfolio/well.jpg', ' ', '']
fadeimages10[1]=['portfolio/cat_charity.jpg', ' ', ''] 
fadeimages10[2]=['portfolio/openchannels.jpg', ' ', ''] 
fadeimages10[3]=['portfolio/council.jpg', ' ', ''] 
fadeimages10[4]=['portfolio/racehorse.jpg', ' ', ''] 
//fadeimages4[8]=['../portfolio/gplawnmowers.jpg', 'cms_portfolio.htm', '']

var fadeimages11=new Array()
//SET IMAGE PATHS. Extend or contract array as needed
fadeimages11[0]=['images/testimonial1.jpg', ' ', '']
fadeimages11[1]=['images/testimonial2.jpg', ' ', ''] 
fadeimages11[2]=['images/testimonial3.jpg', ' ', ''] 
fadeimages11[3]=['images/testimonial4.jpg', ' ', ''] 
fadeimages11[4]=['images/testimonial5.jpg', ' ', ''] 
fadeimages11[5]=['images/testimonial6.jpg', ' ', ''] 
fadeimages11[6]=['images/testimonial7.jpg', ' ', '']
fadeimages11[7]=['images/testimonial8.jpg', ' ', '']
//fadeimages4[7]=['portfolio/energy.jpg', 'cms_portfolio.htm', ''] 
//fadeimages4[8]=['portfolio/gplawnmowers.jpg', 'cms_portfolio.htm', '']

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<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);opacity:0.1;-moz-opacity:0.1;-khtml-opacity:0.1;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);opacity:0.1;-moz-opacity:0.1;-khtml-opacity:0.1;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 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()
}