images=[

['/images/pfbig/hoodsbig.gif','Just Hoods by All We Do Is... : <a href="http://www.justhoods.co.uk" target="_blank">http://www.justhoods.co.uk</a>'],
['/images/pfbig/rtybig.jpg','RTY Workwear : <a href="http://www.engineeredclothing.com" target="_blank">http://www.engineeredclothing.com</a>'],
['/images/pfbig/bodybig.jpg','Body Beautiful : <a href="http://www.bodybeautiful.uk.com" target="_blank">http://www.bodybeautiful.uk.com</a>'],

['/images/pfbig/fpcbig.jpg','Future Positive Consulting : <a href="http://www.futurepositiveconsulting.com" target="_blank">http://www.futurepositiveconsulting.com</a>'],
['/images/pfbig/mcfbig.jpg','Music Comes First Records : <a href="http://www.musiccomesfirstrecords.com" target="_blank">http://www.musiccomesfirstrecords.com</a>'],
['/images/pfbig/taxbig.jpg','Taxman Solutions Ltd : <a href="http://www.taxmansolutions.co.uk" target="_blank">http://www.taxmansolutions.co.uk</a>'],

['/images/pfbig/wattbig.jpg','Helen Watt : <a href="http://www.helenwatt.co.uk" target="_blank">http://www.helenwatt.co.uk</a>'],
['/images/pfbig/greenbig.jpg','Green Chimp Productions : <a href="http://www.greenchimpproductions.com" target="_blank">http://www.greenchimpproductions.com</a>'],
['/images/pfbig/mhpbig.jpg','Matthew Hearne Photography : <a href="http://www.matthewhearne.com" target="_blank">http://www.matthewhearne.com</a>'],

]

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

displayBorderWidth=1
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"
}

}