/*
Left-Right image slideshow Script-
By Dynamic Drive (www.dynamicdrive.com)
For full source code, terms of use, and 100's more scripts, visit http://dynamicdrive.com
*/

///////configure the below four variables to change the style of the slider///////
//set the scrollerwidth and scrollerheight to the width/height of the LARGEST image in your slideshow!
var scrollerwidth='442px'
var scrollerheight='325px'
var scrollerbgcolor='white'
//3000 miliseconds=3 seconds
var pausebetweenimages=1000


//configure the below variable to change the images used in the slideshow. If you wish the images to be clickable, simply wrap the images with the appropriate <a> tag
var slideimages=new Array()
slideimages[0]='<a href="./Product.aspx?itemid=341&catalogid=5" ><img src="images/Home-Page-Images/VV0069.jpg" border="0" alt="VV0069" /></a>'
slideimages[1]='<a href="./Product.aspx?itemid=167&catalogid=4" ><img src="images/Home-Page-Images/CN0011L.jpg" border="0" alt="CN0011L" /></a>'
slideimages[2]='<a href="./Product.aspx?itemid=329&catalogid=5" ><img src="images/Home-Page-Images/UA4339.jpg" border="0" alt="UA4339" /></a>'
slideimages[3]='<a href="./Product.aspx?itemid=169&catalogid=4" ><img src="images/Home-Page-Images/CN0013L.jpg" border="0" alt="CN0013L" /></a>'
slideimages[4]='<a href="./Product.aspx?itemid=224&catalogid=5" ><img src="images/Home-Page-Images/UA2089.jpg" border="0" alt="UA2089" /></a>'
slideimages[5]='<a href="./Product.aspx?itemid=300&catalogid=5" ><img src="images/Home-Page-Images/SA4049.jpg" border="0" alt="SA4049" /></a>'
slideimages[6]='<a href="./Product.aspx?itemid=173&catalogid=4" ><img src="images/Home-Page-Images/CN0017L.jpg" border="0" alt="CN0017L" /></a>'
slideimages[7]='<a href="./Product.aspx?itemid=257&catalogid=5" ><img src="images/Home-Page-Images/SA3019.jpg" border="0" alt="SA3019" /></a>'
slideimages[8]='<a href="./Product.aspx?itemid=196&catalogid=5" ><img src="images/Home-Page-Images/UA1209.jpg" border="0" alt="UA1209" /></a>'
slideimages[9]='<a href="./Product.aspx?itemid=186&catalogid=5" ><img src="images/Home-Page-Images/LA1109.jpg" border="0" alt="LA1109" /></a>'
slideimages[10]='<a href="./Product.aspx?itemid=301&catalogid=5" ><img src="images/Home-Page-Images/LA4059.jpg" border="0" alt="LA4059"  /></a>'
slideimages[11]='<a href="./Product.aspx?itemid=202&catalogid=5" ><img src="images/Home-Page-Images/LA1269.jpg" border="0" alt="LA1269" /></a>'
slideimages[12]='<a href="./Product.aspx?itemid=187&catalogid=5" ><img src="images/Home-Page-Images/UA1119.jpg" border="0" alt="UA1119" /></a>'
//extend this list

///////Do not edit pass this line///////////////////////
     
var ie=document.all
var dom=document.getElementById

if (slideimages.length>1)
i=2
else
i=0

function move1(whichlayer){
    tlayer=eval(whichlayer)
    if (tlayer.left>0&&tlayer.left<=5){
    tlayer.left=0
    setTimeout("move1(tlayer)",pausebetweenimages)
    setTimeout("move2(document.main.document.second)",pausebetweenimages)
    return
    }
    if (tlayer.left>=tlayer.document.width*-1){
    tlayer.left-=5
    setTimeout("move1(tlayer)",50)
    }
    else{
    tlayer.left=parseInt(scrollerwidth)+5
    tlayer.document.write(slideimages[i])
    tlayer.document.close()
    if (i==slideimages.length-1)
    i=0
    else
    i++
    }
}

function move2(whichlayer){
    tlayer2=eval(whichlayer)
    if (tlayer2.left>0&&tlayer2.left<=5){
    tlayer2.left=0
    setTimeout("move2(tlayer2)",pausebetweenimages)
    setTimeout("move1(document.main.document.first)",pausebetweenimages)
    return
    }
    if (tlayer2.left>=tlayer2.document.width*-1){
    tlayer2.left-=5
    setTimeout("move2(tlayer2)",50)
    }
    else{
    tlayer2.left=parseInt(scrollerwidth)+5
    tlayer2.document.write(slideimages[i])
    tlayer2.document.close()
    if (i==slideimages.length-1)
    i=0
    else
    i++
    }
}

function move3(whichdiv){
    tdiv=eval(whichdiv)
    if (parseInt(tdiv.style.left)>0&&parseInt(tdiv.style.left)<=5){
    tdiv.style.left=0+"px"
    setTimeout("move3(tdiv)",pausebetweenimages)
    setTimeout("move4(scrollerdiv2)",pausebetweenimages)
    return
    }
    if (parseInt(tdiv.style.left)>=tdiv.offsetWidth*-1){
    tdiv.style.left=parseInt(tdiv.style.left)-5+"px"
    setTimeout("move3(tdiv)",50)
    }
    else{
    tdiv.style.left=scrollerwidth
    tdiv.innerHTML=slideimages[i]
    if (i==slideimages.length-1)
    i=0
    else
    i++
    }
}

function move4(whichdiv){
    tdiv2=eval(whichdiv)
    if (parseInt(tdiv2.style.left)>0&&parseInt(tdiv2.style.left)<=5){
    tdiv2.style.left=0+"px"
    setTimeout("move4(tdiv2)",pausebetweenimages)
    setTimeout("move3(scrollerdiv1)",pausebetweenimages)
    return
    }
    if (parseInt(tdiv2.style.left)>=tdiv2.offsetWidth*-1){
    tdiv2.style.left=parseInt(tdiv2.style.left)-5+"px"
    setTimeout("move4(scrollerdiv2)",50)
    }
    else{
    tdiv2.style.left=scrollerwidth
    tdiv2.innerHTML=slideimages[i]
    if (i==slideimages.length-1)
    i=0
    else
    i++
    }
}

function startscroll(){
    if (ie||dom){
    scrollerdiv1=ie? first2 : document.getElementById("first2")
    scrollerdiv2=ie? second2 : document.getElementById("second2")
    move3(scrollerdiv1)
    scrollerdiv2.style.left=scrollerwidth
    }
    else if (document.layers){
    document.main.visibility='show'
    move1(document.main.document.first)
    document.main.document.second.left=parseInt(scrollerwidth)+5
    document.main.document.second.visibility='show'
    }
}