/***********************************************
* Conveyor belt slideshow script- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
* Added: Slide left to right with button by Bryian Tan (http://blog.ysatech.com)
***********************************************/

var startX = document.documentElement.clientWidth || window.innerWidth ;

if ( startX != null) {
//Specify the slider's width (in pixels)
    var sliderwidth = (startX *.7) + "px"; 
}
else {
//Specify the slider's width (in pixels)
    var sliderwidth = "520px"
}

//var sliderwidth = "520px"

//Specify the slider's height
var sliderheight = "32px"
//Specify the slider's slide speed (larger is faster 1-10)
var slidespeed = 1
//configure background color:
slidebgcolor = "#FFFFFF"

//Specify the slider's images
var leftrightslide = new Array()
var finalslide = ''
//dynamic part
leftrightslide[0] = '<iframe src="http://carloanmod.com/credit-logo/toyota.png" width="148" height="32" scrolling="no" border="0" marginwidth="0" style="border:none;" frameborder="0"></iframe>'
leftrightslide[1] = '<iframe src="http://carloanmod.com/credit-logo/blank.png" width="20" height="32" scrolling="no" border="0" marginwidth="0" style="border:none;" frameborder="0"></iframe>'
leftrightslide[2] = '<iframe src="http://carloanmod.com/credit-logo/wellsfargo.png" width="68" height="32" scrolling="no" border="0" marginwidth="0" style="border:none;" frameborder="0"></iframe>'
leftrightslide[3] = '<iframe src="http://carloanmod.com/credit-logo/blank.png" width="20" height="32" scrolling="no" border="0" marginwidth="0" style="border:none;" frameborder="0"></iframe>'
leftrightslide[4] = '<iframe src="http://carloanmod.com/credit-logo/honda.png" width="141" height="32" scrolling="no" border="0" marginwidth="0" style="border:none;" frameborder="0"></iframe>'
leftrightslide[5] = '<iframe src="http://carloanmod.com/credit-logo/blank.png" width="20" height="32" scrolling="no" border="0" marginwidth="0" style="border:none;" frameborder="0"></iframe>'
leftrightslide[6] = '<iframe src="http://carloanmod.com/credit-logo/bmw.png" width="30" height="32" scrolling="no" border="0" marginwidth="0" style="border:none;" frameborder="0"></iframe>'
leftrightslide[7] = '<iframe src="http://carloanmod.com/credit-logo/blank.png" width="20" height="32" scrolling="no" border="0" marginwidth="0" style="border:none;" frameborder="0"></iframe>'
leftrightslide[8] = '<iframe src="http://carloanmod.com/credit-logo/bofa.png" width="256" height="32" scrolling="no" border="0" marginwidth="0" style="border:none;" frameborder="0"></iframe>'
leftrightslide[9] = '<iframe src="http://carloanmod.com/credit-logo/blank.png" width="20" height="32" scrolling="no" border="0" marginwidth="0" style="border:none;" frameborder="0"></iframe>'
leftrightslide[10] = '<iframe src="http://carloanmod.com/credit-logo/capitolone.png" width="203" height="32" scrolling="no" border="0" marginwidth="0" style="border:none;" frameborder="0"></iframe>'
leftrightslide[11] = '<iframe src="http://carloanmod.com/credit-logo/blank.png" width="20" height="32" scrolling="no" border="0" marginwidth="0" style="border:none;" frameborder="0"></iframe>'
leftrightslide[12] = '<iframe src="http://carloanmod.com/credit-logo/mercedesbenz.png" width="153" height="32" scrolling="no" border="0" marginwidth="0" style="border:none;" frameborder="0"></iframe>'
leftrightslide[13] = '<iframe src="http://carloanmod.com/credit-logo/blank.png" width="20" height="32" scrolling="no" border="0" marginwidth="0" style="border:none;" frameborder="0"></iframe>'
leftrightslide[14] = '<iframe src="http://carloanmod.com/credit-logo/blank.png" width="91" height="32" scrolling="no" border="0" marginwidth="0" style="border:none;" frameborder="0"></iframe>'
leftrightslide[15] = '<iframe src="http://carloanmod.com/credit-logo/blank.png" width="20" height="32" scrolling="no" border="0" marginwidth="0" style="border:none;" frameborder="0"></iframe>'
leftrightslide[16] = '<iframe src="http://carloanmod.com/credit-logo/chase.png" width="150" height="32" scrolling="no" border="0" marginwidth="0" style="border:none;" frameborder="0"></iframe>'
leftrightslide[17] = '<iframe src="http://carloanmod.com/credit-logo/blank.png" width="20" height="32" scrolling="no" border="0" marginwidth="0" style="border:none;" frameborder="0"></iframe>'
leftrightslide[19] = '<iframe src="http://carloanmod.com/credit-logo/ford.png" width="75" height="32" scrolling="no" border="0" marginwidth="0" style="border:none;" frameborder="0"></iframe>'
leftrightslide[20] = '<iframe src="http://carloanmod.com/credit-logo/blank.png" width="20" height="32" scrolling="no" border="0" marginwidth="0" style="border:none;" frameborder="0"></iframe>'

//leftrightslide[1] = '<A HREF="http://carloanmod.com/credit-logo/mercedes-benz-logo" TARGET="_blank"><IMG SRC="http://affiliate.doteasy.com/index.cfm?M=ads&B=7&T=872546" ALT="$0 Web Hosting" BORDER="0"></A>'
//leftrightslide[2] = '<a target="_blank" href="http://www.dollardays.com/index.asp?affilid=1723"><img src="http://www.dollardays.com/icons/adbanners/ddi-261-60_1.gif" border=0 alt="DollarDays"></a> '
//leftrightslide[3] = '<a target="_blank" href="http://www.mochasupport.com/aff/idevaffiliate.php?id=1160_0_1_28"><img src="http://www.mochasupport.com/aff/banners/112_234-4.gif" border="0"></a>'

//Specify gap between each image (use HTML):
var imagegap = ""

//Specify pixels gap between each slideshow rotation (use integer):
var slideshowgap = 5

////NO NEED TO EDIT BELOW THIS LINE////////////

var copyspeed = slidespeed
leftrightslide = '<nobr>' + leftrightslide.join(imagegap) + '</nobr>'
var iedom = document.all || document.getElementById
if (iedom)
    document.write('<span id="temp" style="visibility:hidden;position:absolute;top:-100px;left:-9000px">' + leftrightslide + '</span>')
document.write('<input id="slideshow_track" name="slideshow_track" type="hidden" value="">')
var actualwidth = ''
var cross_slide, ns_slide

function fillup() {
    if (iedom) {
        cross_slide = document.getElementById ? document.getElementById("test2") : document.all.test2
        cross_slide2 = document.getElementById ? document.getElementById("test3") : document.all.test3
        cross_slide.innerHTML = cross_slide2.innerHTML = leftrightslide
        actualwidth = document.all ? cross_slide.offsetWidth : document.getElementById("temp").offsetWidth
        //cross_slide2.style.left=actualwidth+slideshowgap+"px" //slideright
        cross_slide2.style.left = actualwidth - slideshowgap + "px" //slideleft
    }
    else if (document.layers) {
        ns_slide = document.ns_slidemenu.document.ns_slidemenu2
        ns_slide2 = document.ns_slidemenu.document.ns_slidemenu3
        ns_slide.document.write(leftrightslide)
        ns_slide.document.close()
        actualwidth = ns_slide.document.width
        //ns_slide2.left=actualwidth+slideshowgap
        ns_slide2.left = actualwidth - slideshowgap
        ns_slide2.document.write(leftrightslide)
        ns_slide2.document.close()
    }
    lefttime = setInterval("slideright()", 30)
}
window.onload = fillup

function slideleft() {
    if (iedom) {
        if (parseInt(cross_slide.style.left) > (actualwidth * (-1) + 8))
            cross_slide.style.left = parseInt(cross_slide.style.left) - copyspeed + "px"
        else
            cross_slide.style.left = parseInt(cross_slide2.style.left) + actualwidth + slideshowgap + "px"

        if (parseInt(cross_slide2.style.left) > (actualwidth * (-1) + 8))
            cross_slide2.style.left = parseInt(cross_slide2.style.left) - copyspeed + "px"
        else
            cross_slide2.style.left = parseInt(cross_slide.style.left) + actualwidth + slideshowgap + "px"

    }
    else if (document.layers) {
        if (ns_slide.left > (actualwidth * (-1) + 8))
            ns_slide.left -= copyspeed
        else
            ns_slide.left = ns_slide2.left + actualwidth + slideshowgap

        if (ns_slide2.left > (actualwidth * (-1) + 8))
            ns_slide2.left -= copyspeed
        else
            ns_slide2.left = ns_slide.left + actualwidth + slideshowgap
    }
}

//slide right, modified from slideleft, 14062009 BT
function slideright() {
    if (iedom) {
        if (parseInt(cross_slide.style.left) < (actualwidth)) {
            cross_slide.style.left = parseInt(cross_slide.style.left) + copyspeed + "px"
        }
        else {
            cross_slide.style.left = 0 - actualwidth + slideshowgap + "px"
        }

        if (parseInt(cross_slide2.style.left) < (actualwidth)) {
            cross_slide2.style.left = parseInt(cross_slide2.style.left) + copyspeed + "px"
        }
        else {
            cross_slide2.style.left = 0 - actualwidth + slideshowgap + "px"
        }

    }
    else if (document.layers) {
        if (ns_slide.left < (actualwidth))
            ns_slide.left += copyspeed
        else
            ns_slide.left = 0 - actualwidth + slideshowgap

        if (ns_slide2.left > (actualwidth))
            ns_slide2.left += copyspeed
        else
            ns_slide2.left = 0 - actualwidth + slideshowgap
    }
}


var tim;
var tim2;
//press left 14062009 BT
function pressleft() {

    var rollFirst = document.getElementById('slideshow_rollfirst');
    if (rollFirst != null)
        rollFirst.src = "slideshow/images/nav-arrow-left-hover.gif";

    document.getElementById('slideshow_track').value = "yes";

    if (iedom) {
        if (parseInt(cross_slide.style.left) > (actualwidth * (-1) + 4)) {
            cross_slide.style.left = parseInt(cross_slide.style.left) - 15 + "px"
        }
        else {
            cross_slide.style.left = parseInt(cross_slide2.style.left) + actualwidth + slideshowgap + "px"
        }


        if (parseInt(cross_slide2.style.left) > (actualwidth * (-1) + 4)) {
            cross_slide2.style.left = parseInt(cross_slide2.style.left) - 15 + "px"
        }
        else {
            cross_slide2.style.left = parseInt(cross_slide.style.left) + actualwidth + slideshowgap + "px"
        }
    }
    else if (document.layers) {
        if (ns_slide.left > (actualwidth * (-1) + 4))
            ns_slide.left -= 15
        else
            ns_slide.left = ns_slide2.left + actualwidth + slideshowgap

        if (ns_slide2.left > (actualwidth * (-1) + 4))
            ns_slide2.left -= 15
        else
            ns_slide2.left = ns_slide.left + actualwidth + slideshowgap
    }
    tim = setTimeout("pressleft()", 150);
}

//press right 14062009 BT
function pressright() {

    var rollFirst2 = document.getElementById('slideshow_rollfirst2');
    if (rollFirst2 != null)
        rollFirst2.src = "slideshow/images/nav-arrow-right-hover.gif";

    document.getElementById('slideshow_track').value = "yes";
    if (iedom) {
        if (parseInt(cross_slide.style.left) < (actualwidth)) {
            cross_slide.style.left = parseInt(cross_slide.style.left) + 10 + "px"
        }
        else {
            cross_slide.style.left = 0 - actualwidth + slideshowgap + "px"
        }

        if (parseInt(cross_slide2.style.left) < (actualwidth)) {
            cross_slide2.style.left = parseInt(cross_slide2.style.left) + 10 + "px"
        }
        else {
            cross_slide2.style.left = 0 - actualwidth + slideshowgap + "px"
        }

    }
    else if (document.layers) {
        if (ns_slide.left < (actualwidth))
            ns_slide.left += 10
        else
            ns_slide.left = 0 - actualwidth + slideshowgap

        if (ns_slide2.left > (actualwidth))
            ns_slide2.left += 10
        else
            ns_slide2.left = 0 - actualwidth + slideshowgap
    }
    tim2 = setTimeout("pressright()", 150);
}

//on mouse out 14062009 BT
function mouse_out() {
    var rollFirst = document.getElementById('slideshow_rollfirst');
    if (rollFirst != null)
        rollFirst.src = "slideshow/images/nav-arrow-left.gif";

    document.getElementById('slideshow_track').value = "";

    clearTimeout(tim);

    slideleft();
}

//on mouse out for right button 14062009 BT
function mouse_out2() {

    var rollFirst2 = document.getElementById('slideshow_rollfirst2');
    if (rollFirst2 != null)
        rollFirst2.src = "slideshow/images/nav-arrow-right.gif";

    document.getElementById('slideshow_track').value = "";
    clearTimeout(tim2);
    slideright();
}

if (iedom || document.layers) {
        document.write('<table border="0" cellspacing="0" cellpadding="0"><tr><td>')
        if (iedom) {
            document.write('<div style="position:relative;width:' + sliderwidth + ';height:' + sliderheight + ';overflow:hidden; border:solid 1px #FFFFFF">')
            document.write('<div style="position:absolute;width:' + sliderwidth + ';height:' + sliderheight + ';background-color:' + slidebgcolor + '" onMouseover="copyspeed=0" onMouseout="copyspeed=slidespeed">')
            document.write('<div id="test2" style="position:absolute;left:0px;top:0px"></div>')
            document.write('<div id="test3" style="position:absolute;left:-1000px;top:0px"></div>')
            document.write('</div></div>')
        }
        else if (document.layers) {
            document.write('<ilayer width=' + sliderwidth + ' height=' + sliderheight + ' name="ns_slidemenu" bgColor=' + slidebgcolor + '>')
            document.write('<layer name="ns_slidemenu2" left=0 top=0 onMouseover="copyspeed=0" onMouseout="copyspeed=slidespeed"></layer>')
            document.write('<layer name="ns_slidemenu3" left=0 top=0 onMouseover="copyspeed=0" onMouseout="copyspeed=slidespeed"></layer>')
            document.write('</ilayer>')
        }
        document.write('</td>')
        document.write('<td> <img src="slideshow/images/nav-arrow-left.gif" width="13" height="13" border="0" id="slideshow_rollfirst"');
        document.write('onmouseover="pressleft();"')
        document.write('onmouseout="mouse_out();"> ')
        document.write('<br />')

        document.write(' <img src="slideshow/images/nav-arrow-right.gif" width="13" height="13" border="0" id="slideshow_rollfirst2"')
        document.write(' onmouseover="pressright();"')
        document.write(' onmouseout="mouse_out2();">')
        document.write('</td></tr></table>')

}