var slideshow_width1='141px' //SET SLIDESHOW WIDTH (set to largest image's width if multiple dimensions exist)
var slideshow_height1='81px' //SET SLIDESHOW HEIGHT (set to largest image's height if multiple dimensions exist)
var pause1=3000 //SET PAUSE BETWEEN SLIDE (2000=2 seconds)
var slidebgcolor1="white"

var dropimages1=new Array()
//SET IMAGE PATHS. Extend or contract array as needed
dropimages1[0]="../images/products/food/dhtml-img1.jpg"
dropimages1[1]="../images/products/food/dhtml-img2.jpg"
dropimages1[2]="../images/products/food/dhtml-img3.jpg"

var droplinks1=new Array()
//SET IMAGE URLs. Use "" if you wish particular image to NOT be linked:
droplinks1[0]="#"
droplinks1[1]=""
droplinks1[2]=""


////NO need to edit beyond here/////////////

var preloadedimages1=new Array()
for (p=0;p<dropimages1.length;p++){
preloadedimages1[p]=new Image()
preloadedimages1[p].src=dropimages1[p]
}

var ie41=document.all
var dom1=document.getElementById

if (ie41||dom1)
document.write('<div style="position:relative;width:'+slideshow_width1+';height:'+slideshow_height1+';overflow:hidden"><div id="canvas01" style="position:absolute;width:'+slideshow_width1+';height:'+slideshow_height1+';background-color:'+slidebgcolor1+';left:-'+slideshow_width1+'"></div><div id="canvas11" style="position:absolute;width:'+slideshow_width1+';height:'+slideshow_height1+';background-color:'+slidebgcolor1+';left:-'+slideshow_width1+'"></div></div>')
else
document.write('<a href="javascript:rotatelink1()"><img name="defaultslide1" src="'+dropimages1[0]+'" border=0></a>')

var curpos1=parseInt(slideshow_width1)*(-1)
var degree1=10
var curcanvas1="canvas01"
var curimageindex1=linkindex1=0
var nextimageindex1=1


function movepic1(){
if (curpos1<0){
curpos1=Math.min(curpos1+degree1,0)
tempobj1.style.left=curpos1+"px"
}
else{

clearInterval(dropslide1)
nextcanvas1=(curcanvas1=="canvas01")? "canvas01" : "canvas11"
tempobj1=ie41? eval("document.all."+nextcanvas1) : document.getElementById(nextcanvas1)
var slideimage1='<img src="'+dropimages1[curimageindex1]+'" border=0>'
tempobj1.innerHTML=(droplinks1[curimageindex1]!="")? '<a href="'+droplinks1[curimageindex1]+'">'+slideimage1+'</a>' : slideimage1
nextimageindex1=(nextimageindex1<dropimages1.length-1)? nextimageindex1+1 : 0
setTimeout("rotateimage1()",pause1)
}
}

function rotateimage1(){
if (ie41||dom1){
resetit1(curcanvas1)
var crossobj1=tempobj1=ie41? eval("document.all."+curcanvas1) : document.getElementById(curcanvas1)
crossobj1.style.zIndex++
var temp1='setInterval("movepic1()",50)'
dropslide1=eval(temp1)
curcanvas1=(curcanvas1=="canvas01")? "canvas11" : "canvas01"
}
else
document.images.defaultslide1.src=dropimages1[curimageindex1]
linkindex1=curimageindex1
curimageindex1=(curimageindex1<dropimages1.length-1)? curimageindex1+1 : 0
}

function rotatelink1(){
if (droplinks1[linkindex1]!="")
window.location=droplinks1[linkindex1]
}

function resetit1(what){
curpos1=parseInt(slideshow_width1)*(-1)
var crossobj1=ie41? eval("document.all."+what) : document.getElementById(what)
crossobj1.style.left=curpos1+"px"
}

function startit1(){
var crossobj1=ie41? eval("document.all."+curcanvas1) : document.getElementById(curcanvas1)
crossobj1.innerHTML='<a href="'+droplinks1[curimageindex1]+'"><img src="'+dropimages1[curimageindex1]+'" border=0></a>'
rotateimage1()
}

//if (ie41||dom1)
//window.onload=startit
//alert()
//else
//setInterval("rotateimage1()",pause1)