images=[

['images/hoodie/burgundy.jpg'],
['images/hoodie/redhot.jpg'],
['images/hoodie/hotchoc.jpg'],
['images/hoodie/caramel.jpg'],
['images/hoodie/navy.jpg'],
['images/hoodie/royal.jpg'],
['images/hoodie/plum.jpg'],
['images/hoodie/purple.jpg'],
['images/hoodie/fire.jpg'],
['images/hoodie/cranberry.jpg'],
['images/hoodie/desert.jpg'],
['images/hoodie/olive.jpg'],
['images/hoodie/airforce.jpg'],
['images/hoodie/cornflour.jpg'],
['images/hoodie/true.jpg'],
['images/hoodie/lavender.jpg'],
['images/hoodie/hot.jpg'],
['images/hoodie/baby.jpg'],
['images/hoodie/military.jpg'],
['images/hoodie/moss.jpg'],
['images/hoodie/sapphire.jpg'],
['images/hoodie/sky.jpg'],
['images/hoodie/charcoal.jpg'],
['images/hoodie/jet.jpg'],
['images/hoodie/salmon.jpg'],
['images/hoodie/burnt.jpg'],
['images/hoodie/crush.jpg'],
['images/hoodie/bottle.jpg'],
['images/hoodie/kelly.jpg'],
['images/hoodie/jade.jpg'],
['images/hoodie/heather.jpg'],
['images/hoodie/steel.jpg'],
['images/hoodie/gold1.jpg'],
['images/hoodie/sun.jpg'],
['images/hoodie/fizzy.jpg'],
['images/hoodie/lime.jpg'],
['images/hoodie/apple.jpg'],
['images/hoodie/peppermint.jpg'],
['images/hoodie/ash.jpg'],
['images/hoodie/arctic.jpg']

]

centerImage=0 // 0 = no, 1 = yes
imageSize=100 // % size the large image is shown at

displayBorderWidth=0
displayBorderColor="#ffffff"

offsetX=0
offsetY=0

preload=new Array()
for(var i=0;i<images.length;i++){
preload[i]=new Image()
preload[i].src=images[i][0]
}

function showImage(num){

displayEl=document.getElementById("imgholder")
displayPic=document.images["pic"]
displayPic.onclick=function(){
displayEl.style.display="none"
}

imageWidth=preload[num].width/100*imageSize
imageHeight=preload[num].height/100*imageSize

if(document.getElementById("displaytext")){
displayEl.removeChild(displayText)
}

displayEl.style.backgroundColor=displayBorderColor

displayEl.style.width=(displayBorderWidth==0?imageWidth:imageWidth+(displayBorderWidth*2))+"px"
displayEl.style.height=(displayBorderWidth==0?imageHeight:imageHeight+(displayBorderWidth*2))+"px"
//displayEl.style.backgroundImage="url("+preload[num].src+")"
displayEl.style.display="block"

displayPic.src=preload[num].src
displayPic.style.width=imageWidth+"px"
displayPic.style.height=imageHeight+"px"
displayPic.style.margin=displayBorderWidth+"px"

if(images[num][1]){ // create text box if required

displayEl.style.height=""
displayText=document.createElement("DIV")
displayText.setAttribute("id","displaytext")

with(displayText.style){
marginLeft=displayBorderWidth+"px"
marginRight=displayBorderWidth+"px"
marginBottom=displayBorderWidth+"px"
}

displayText.innerHTML=images[num][1]
displayEl.appendChild(displayText)

if(images[num][2]){
document.getElementById("displaytext").className=images[num][2] // apply style
}
else{
document.getElementById("displaytext").className="defaultstyle"
}

}

centerLeft=(document.body.clientWidth/2) - (displayEl.offsetWidth/2) + offsetX
centerTop=(document.body.clientHeight/2)-(displayEl.offsetHeight/2) + document.body.scrollTop + offsetY

if(centerImage==1){
displayEl.style.left=centerLeft+"px"
displayEl.style.top=centerTop+"px"
}

}