// ********** User Defining Area **********

data=new Array()
data[0]=new Array("images/mfrlogos/acura.gif","Acura","")
data[1]=new Array("images/mfrlogos/audi.jpg","Audi","")
data[2]=new Array("images/mfrlogos/bmw.jpg","BMW","")
data[3]=new Array("images/mfrlogos/buick.jpg","Buick","")
data[4]=new Array("images/mfrlogos/cadillac.jpg","Cadillac","")
data[5]=new Array("images/mfrlogos/chevrolet.jpg","Chevrolet","")
data[6]=new Array("images/mfrlogos/chrysler.jpg","Chrysler","")
data[7]=new Array("images/mfrlogos/corvette.jpg","Corvette","")
data[8]=new Array("images/mfrlogos/dodge.jpg","Dodge","")
data[9]=new Array("images/mfrlogos/ferrari.jpg","Ferrari","")
data[10]=new Array("images/mfrlogos/ford.jpg","Ford","")
data[11]=new Array("images/mfrlogos/geo.jpg","Geo","")
data[12]=new Array("images/mfrlogos/gmc.jpg","GMC","")
data[13]=new Array("images/mfrlogos/honda.jpg","Honda","")
data[14]=new Array("images/mfrlogos/hyundai.jpg","Hyundai","")
data[15]=new Array("images/mfrlogos/infiniti.jpg","Infinti","")
data[16]=new Array("images/mfrlogos/isuzu.jpg","Isuzu","")
data[17]=new Array("images/mfrlogos/jaguar.jpg","Jaguar","")
data[18]=new Array("images/mfrlogos/jeep.jpg","Jeep","")
data[19]=new Array("images/mfrlogos/kia.jpg","Kia","")
data[20]=new Array("images/mfrlogos/landrover.jpg","LandRover","")
data[21]=new Array("images/mfrlogos/lexus.jpg","Lexus","")
data[22]=new Array("images/mfrlogos/lincoln.jpg","Lincoln","")
data[23]=new Array("images/mfrlogos/mazda.jpg","Mazda","")
data[24]=new Array("images/mfrlogos/mercedes.jpg","Mercedes","")
data[25]=new Array("images/mfrlogos/mercury.jpg","Mercury","")
data[26]=new Array("images/mfrlogos/mitsubishi.jpg","Mitsubishi","")
data[27]=new Array("images/mfrlogos/nissan.jpg","Nissan","")
data[28]=new Array("images/mfrlogos/oldsmobile.jpg","Oldsmobile","")
data[29]=new Array("images/mfrlogos/pontiac.jpg","Pontiac","")
data[30]=new Array("images/mfrlogos/porsche.jpg","Porsche","")
data[31]=new Array("images/mfrlogos/saab.jpg","Saab","")
data[32]=new Array("images/mfrlogos/saturn.jpg","Saturn","")
data[33]=new Array("images/mfrlogos/subaru.jpg","Subaru","")
data[34]=new Array("images/mfrlogos/toyota.jpg","Toyota","")
data[35]=new Array("images/mfrlogos/volvo.jpg","Volvo","")
data[36]=new Array("images/mfrlogos/vw.jpg","Volkswagen","")



imgPlaces=12 // number of images visible
imgWidth=100 // width of the images
imgHeight=75 // height of the images
imgSpacer=10 // space between the images
rdmImg=0 // 0 = no 1 = yes show images at random
moz=document.getElementById&&!document.all

dir=0 // 0 = up 1 = down

border=0 // container border width
bordertype="ridge" // container border type
bordercolor="#afa684" // container border colour
borderbackground="#000000" // container background colour

cssPositioning=0 // use CSS to position the display 0 = no 1 = yes
cssLeft=400 // used if cssPositioning is selected
cssTop=100 // used if cssPositioning is selected

newWindow=1 // 0 = Open a new window for links 0 = no 1 = yes

// ********** End User Defining Area **********

if(rdmImg==1){ // generate random images list

tempArray=new Array()
for(i=0;i<data.length;i++){ // create an array identical to data array
tempArray[i]=data[i]
}

rdmArray=new Array() // random images array
for(p=0;p<data.length;p++){ // create an array of randomly selected images
rndnum=Math.floor(Math.random()*(tempArray.length)) // select a random image from tempArray
rdmArray[p]=tempArray[rndnum] // put selected image in rdmArray
tempArray.splice(rndnum,1) // remove selected image from tempArray
}

}

step=1
nextPic=0
speed=50
timer=""
initPos=new Array()
nowDivPos=new Array()

function createThumbShow(){

if(cssPositioning==0){ document.write("<div id=\"container\" style=\"position:relative; width:0px;height:0px; border:"+border+"px "+bordertype+" "+bordercolor+";background:"+borderbackground+"\">")
}
else{
document.write("<div id=\"container\" style=\"position:absolute; left:"+cssLeft+"px; top:"+cssTop+"px; width:0px;height:0px; border:"+border+" "+bordertype+" "+bordercolor+";background:"+borderbackground+"\">")
}

document.write("<div id=\"display_area\" style=\"position:absolute; left:0; top:0; width:0px; height:0px; clip:rect(0,0,0,0)\" onmouseover=\"stopMe()\" onmouseout=\"animate()\">") 
for(i=0;i<imgPlaces+1;i++){ // create image holders
document.write("<div id=\"div_"+[i]+"\" style=\"position:absolute\">")
document.write("<a id=\"loc_"+[i]+"\" href=\"\" onclick=\"newWin(this.location);return false\">")
document.write("<img src=\"\" id=\"pic_"+[i]+"\" width=\""+imgWidth+"\" height=\""+imgHeight+"\" alt=\"\" border=\"0\">")
document.write("</a>")
document.write("</div>")
}
document.write("</div>")
document.write("</div>")
}

function initThumbShow(){
containerBorder=parseInt(document.getElementById("container").style.borderWidth)*2
containerHeight=((imgPlaces)*imgHeight)+((imgPlaces-1)*imgSpacer)
document.getElementById("container").style.width=imgWidth+(!moz?containerBorder:"")
document.getElementById("container").style.height=containerHeight+(!moz?containerBorder:"")

displayArea=document.getElementById("display_area")
displayArea.style.height=containerHeight
displayArea.style.clip=(!moz?"rect(0,"+imgWidth+","+containerHeight+",0)":"rect(0,"+imgWidth+","+containerHeight+",0)")

imgPos= -document.getElementById("pic_0").height-border

for(i=0;i<imgPlaces+1;i++){

if(dir==0){imgPos+=(document.getElementById("pic_0").height)+imgSpacer} // if up

initPos[i]=imgPos
if(dir==0){document.getElementById("div_"+[i]).style.top=initPos[i]} // if up

if(dir==1){ // if down
document.getElementById("div_"+[(imgPlaces-i)]).style.top=initPos[i]
imgPos+=(document.getElementById("pic_0").height)+imgSpacer
}

if(nextPic==data.length){
nextPic=0
}

if(rdmImg==1){
document.getElementById("pic_"+[i]).src=rdmArray[nextPic][0]
document.getElementById("pic_"+[i]).alt=rdmArray[nextPic][1]
document.getElementById("loc_"+[i]).location=rdmArray[nextPic][2]
}
else{
document.getElementById("pic_"+[i]).src=data[nextPic][0]
document.getElementById("pic_"+[i]).alt=data[nextPic][1]
document.getElementById("loc_"+[i]).location=data[nextPic][2]
}
nextPic++
}

animate()
}

timer=""
function animate(){
clearTimeout(timer)
for(i=0;i<imgPlaces+1;i++){
nowDivPos[i]=parseInt(document.getElementById("div_"+i).style.top)

if(dir==0){nowDivPos[i]-=step}
if(dir==1){nowDivPos[i]+=step}

if(dir==0&&nowDivPos[i]<= -(document.getElementById("pic_0").height+imgSpacer) ||dir==1&&nowDivPos[i]>containerHeight){

if(dir==0){document.getElementById("div_"+[i]).style.top=containerHeight+imgSpacer}
if(dir==1){document.getElementById("div_"+[i]).style.top= -document.getElementById("pic_0").height-(imgSpacer*2)}

if(nextPic>data.length-1){
nextPic=0
}

if(rdmImg==1){
document.getElementById("pic_"+[i]).src=rdmArray[nextPic][0]
document.getElementById("pic_"+[i]).alt=rdmArray[nextPic][1]
document.getElementById("loc_"+[i]).location=rdmArray[nextPic][2]
}
else{
document.getElementById("pic_"+[i]).src=data[nextPic][0]
document.getElementById("pic_"+[i]).alt=data[nextPic][1]
document.getElementById("loc_"+[i]).location=data[nextPic][2]
}

nextPic++

}
else{
document.getElementById("div_"+[i]).style.top=nowDivPos[i]
}

}
timer=setTimeout("animate()",speed)

}

function stopMe(){
clearTimeout(timer)
}

function newWin(loc){
if(loc==""){return}
if(newWindow==0){
location=loc
}
else{
//window.open(loc)
window.open(loc,'','left=130,top=270,width=200,height=200') // use for specific size and positioned window
}
}