ÿþ/***********************************************

* Ultimate Fade-In Slideshow (v1.51): © 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

fadeimages[0]=["http://images.joke.co.uk/images/webshop/medium/25216.jpg", "http://www.cheapfancydresscostumes.co.uk/moulin-rouge-fancy-dress.html", "", "<h2>Moulin Rouge Costumes</h2>", "Look the part at your next Moulin Rouge Party with one of our sexy diva costumes", "The guys' jaws will drop as you enter the room and you'll have all the attention any girl could ever want", "Remember to add those important extras such as the feather boa and delicate headpiece to make your costume come alive"] //plain image syntax

fadeimages[1]=["http://images.joke.co.uk/images/webshop/medium/62444.jpg", "http://www.cheapfancydresscostumes.co.uk/gangster-fancy-dress.html", "", "<h2>Gangster Fancy Dress</h2>", "Transform yourself into a feared gangster or gangster's mole and don't forget to pimp your outfit with extras for the perfect look", "Guys, get youselves a pinstripe suit, trilby hat and maybe even a fake moustache", "Ladies, the ideal flapper costume should be topped off with gloves, choker and fake cigarette holder"] //image with link syntax

fadeimages[2]=["http://images.joke.co.uk/images/webshop/medium/61570.jpg", "http://www.cheapfancydresscostumes.co.uk/halloween-costumes.html", "", "<h2>Halloween Costumes</h2>", "It's not long until the most popular time of year for fancy dress and you should buy your outfit now to avoid disappointment closer to the time", "We have a range of scary costumes from witches to werewolfs and from Freddy Kreuger to Ghostbusters", "Masks, fake scars and prosphetics can really add to the scares you'll give"] //image with link and target syntax

fadeimages[3]=["http://images.joke.co.uk/images/webshop/medium/61345.jpg", "http://www.cheapfancydresscostumes.co.uk/80s-fancy-dress.html", "", "<h2>80s Fancy Dress</h2>", "If you are not old enough to remember the 80s then don't fear, we'll guide you through what makes that perfect 80s look", "Many believe the 80s to be a decade of bad taste but your costume doesn't need to be", "Think ra-ra skirts, roller discos and lycra and add to it with a wig from the times in the style of a mullet for guys or blonde pigtails for girls"] //plain image syntax

fadeimages[4]=["http://images.joke.co.uk/images/webshop/medium/24085.jpg", "http://www.cheapfancydresscostumes.co.uk/army-fancy-dress.html", "", "<h2>Army Fancy Dress</h2>", "It can be a great turn on to see a member of the opposite sex all dressed up in uniform and army costumes are some of the best for this", "Whether it is modern camouflage gear or historical battlefield attire, you'll be a sure fire hit at parties", "Buy your authentic army outfit online now"] //image with link syntax

fadeimages[5]=["http://images.joke.co.uk/images/webshop/medium/22645.jpg", "http://www.cheapfancydresscostumes.co.uk/star-wars-fancy-dress.html", "", "<h2>Star Wars Fancy Dress</h2>", "Get geared up as one of the true legends of cinema from Darth Vader to Chewbacca", "From high spec replicas of the movie costumes to more reasonably priced options we have a Star Wars outfit for every taste and every budget", "Live the fantasy whether it's as the evil Emperor on the dark side or the savior of the story Luke Skywalker, time to get into character"] //image with link and target syntax





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 style="float:left; margin:4px; padding:15px; border:none;" src="'+this.postimages[picindex].src+'" border="'+this.imageborder+'px" height="250px">'

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

slideHTML+=''+this.theimages[picindex][3]+''

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

slideHTML+='<p style="font-size:14px;">'

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

slideHTML+=''+this.theimages[picindex][4]+''

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

slideHTML+='</p>'

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

slideHTML+='<p style="font-size:14px;">'

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

slideHTML+=''+this.theimages[picindex][5]+''

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

slideHTML+='</p>'

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

slideHTML+='<p style="font-size:14px;">'

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

slideHTML+=''+this.theimages[picindex][6]+''

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

slideHTML+='</p>'

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()

}