/***********************************************
* 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()
}