
<!-- Beginning of JavaScript -

// The width of your images (pixels). All pictures should have the same width.
var imgwidth=100

// The height of your images (pixels). All pictures should have the same height.
var imgheight=100

// The horizontal and vertical position of the images (pixels). 
var pos_left=338
var pos_top=360

// The name of your images. You may add as many images as you like.
var imgname=new Array()
imgname[0]="images/2in1-life-hammer.jpg"
imgname[1]="images/fire-extinguisher.jpg"
imgname[2]="images/fire-blanket.jpg"
imgname[3]="images/smoke-detector.jpg"
imgname[4]="images/CO-detector.jpg"
imgname[5]="images/heat-detector.jpg"
imgname[6]="images/gas-detector.jpg"
imgname[7]="images/fire-alarm.jpg"
imgname[8]="images/fire-escape-ladder.jpg"
imgname[9]="images/fire-hose.jpg"
imgname[10]="images/fire-hose-reel.jpg"
imgname[11]="images/fire-cabinet.jpg"
imgname[12]="images/extinguisher-bracket.jpg"
imgname[13]="images/emergency-light.jpg"
imgname[14]="images/exit-signs.jpg"
imgname[15]="images/accessories.jpg"


// Where should those images be linked to? 
// Add an URL for each image.
// If you don't want to add an URL just write '#' instead of 
// the URL, see sample imgurl[2].
var imgurl=new Array()
imgurl[0]="http://www.starkinsafety.com/life-hammers.html"
imgurl[1]="http://www.starkinsafety.com/fire-extinguishers.html"
imgurl[2]="http://www.starkinsafety.com/fire-blankets.html"
imgurl[3]="http://www.starkinsafety.com/smoke-alarm-detector.html"
imgurl[4]="http://www.starkinsafety.com/carbon-monoxide-detector.html"
imgurl[5]="http://www.starkinsafety.com/heat-detector.html"
imgurl[6]="http://www.starkinsafety.com/gas-detector.html"
imgurl[7]="http://www.starkinsafety.com/fire-alarms.html"
imgurl[8]="http://www.starkinsafety.com/fire-escape-ladder.html"
imgurl[9]="http://www.starkinsafety.com/fire-hose.html"
imgurl[10]="http://www.starkinsafety.com/fire-hose-reel.html"
imgurl[11]="http://www.starkinsafety.com/fire-extinguisher-cabinet.html"
imgurl[12]="http://www.starkinsafety.com/extinguisher-brackets.html"
imgurl[13]="http://www.starkinsafety.com/emergency-lighting.html"
imgurl[14]="http://www.starkinsafety.com/exit-signs.html"
imgurl[15]="http://www.starkinsafety.com/fire-fittings.html"

// This block will preload your images. Do not edit this block.
var imgpreload=new Array()
for (i=0;i<=imgname.length-1;i++) {
imgpreload[i]=new Image()
imgpreload[i].src=imgname[i]
}

// Standstill-time between the images (microseconds).
var pause=2000

// Speed of the stretching and shrinking effect. More means slower.
var speed=20

// This variable also affects the speed (the length of the step between each inmage-frame measured in pixels). More means faster.
var step=10

// Do not edit the script below
var i_loop=0
var i_image1=0
var i_image2=1


function stretchimage() {
if (i_loop<=imgwidth) {
if (document.all) {
imgcontainer1.innerHTML="<a href='"+imgurl[i_image1]+"' target='_blank'><img width='"+i_loop+"' height='"+imgheight+"' src='"+imgname[i_image1]+"' border='0'></a>"
document.all.imgcontainer2.style.posLeft=document.all.imgcontainer1.style.posLeft+i_loop

imgcontainer2.innerHTML="<a href='"+imgurl[i_image2]+"' target='_blank'><img width='"+(imgwidth-i_loop)+"' height='"+imgheight+"' src='"+imgname[i_image2]+"' border='0'></a>"
}
i_loop=i_loop+step
var timer=setTimeout("stretchimage()",speed)
   }
else {
clearTimeout(timer)
changeimage()
}
}

function changeimage() {
i_loop=0
i_image1++
if (i_image1>imgname.length-1) {i_image1=0}
i_image2=i_image1-1
if (i_image2>imgname.length-1) {i_image2=0}
if (i_image2<0) {i_image2=imgname.length-1}

document.all.imgcontainer2.style.posLeft=document.all.imgcontainer1.style.posLeft
    var timer=setTimeout("stretchimage()",pause)
}

function initiate() {
if (document.all) {
document.all.imgcontainer1.style.posLeft=pos_left
document.all.imgcontainer2.style.posLeft=pos_left
document.all.imgcontainer1.style.posTop=pos_top
document.all.imgcontainer2.style.posTop=pos_top
changeimage()
}
if (document.layers) {
document.imgcontainer1.left=pos_left
document.imgcontainer2.left=pos_left
document.imgcontainer1.top=pos_top
document.imgcontainer2.top=pos_top
rotatenetscape()
}
}

function rotatenetscape() {
document.imgcontainer1.document.write("<a href='"+imgurl[i_image1]+"' target='_blank'><img src='"+imgname[i_image1]+"' border='0'></a>") 
document.imgcontainer1.document.close() 
i_image1++
if (i_image1>imgname.length-1) {i_image1=0}
    var timer=setTimeout("rotatenetscape()",pause*2)
}

// - End of JavaScript - -->

