/***********************************************
* 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 = "630px"; 
}
else {
//Specify the slider's width (in pixels)
    var sliderwidth = "630px"
}

//var sliderwidth = "100px"

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

//Specify the slider's images
var leftrightslide = new Array()
var finalslide = ''
//dynamic part
/*
leftrightslide[0] = '<img src="clients/1.png"/>'
leftrightslide[1] = '<img src="clients/2.png"/>'
leftrightslide[2] = '<img src="clients/3.png"/>'
leftrightslide[3] = '<img src="clients/4.png"/>'
leftrightslide[4] = '<img src="clients/5.png"/>'
leftrightslide[5] = '<img src="clients/6.png"/>'
leftrightslide[6] = '<img src="clients/7.png"/>'
leftrightslide[7] = '<img src="clients/8.png"/>'
leftrightslide[8] = '<img src="clients/9.png"/>'
leftrightslide[9] = '<img src="clients/10.png"/>'
leftrightslide[10] = '<img src="clients/11.png"/>'
leftrightslide[11] = '<img src="clients/12.png"/>'
leftrightslide[12] = '<img src="clients/13.png"/>'
leftrightslide[13] = '<img src="clients/14.png"/>'
*/
for(var i=0; i< 14; i++)
{
	leftrightslide[i] = '<img src="clients/'+(i+1).toString()+'.png"/>'
}
//Specify gap between each image (use HTML):
var imagegap = ""

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

////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 = "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 = "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('');
    if (rollFirst != null)
        rollFirst.src = "";

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

    clearTimeout(tim);

    slideleft();
}

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

    var rollFirst2 = document.getElementById('');
    if (rollFirst2 != null)
        rollFirst2.src = "";

    document.getElementById('').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;">')
            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>');
        //document.write('onmouseover="pressleft();"')
        //document.write('onmouseout="mouse_out();"> ')
        document.write('<br />')

        document.write('')
        //document.write(' onmouseover="pressright();"')
        //document.write(' onmouseout="mouse_out2();">')
        document.write('</td></tr></table>')

}