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

//var sliderwidth = "900px"

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

//Specify the slider's images
var leftrightslide = new Array()
var finalslide = ''
//dynamic part
//leftrightslide[0] = '<img src="imgs/images/1.jpg" border="0" />&nbsp;&nbsp;'
leftrightslide[0] = '<img src="/imgs/home10/2.jpg" border="0" style="border:1px Solid #CCC; padding:5px; background-color:#f7f7f7;" />&nbsp;&nbsp;'
leftrightslide[1] = '<img src="/imgs/home10/3.jpg" border="0" style="border:1px Solid #CCC; padding:5px;  background-color:#f7f7f7; "/>&nbsp;&nbsp;'
leftrightslide[2] = '<img src="/imgs/home10/4.jpg" border="0" style="border:1px Solid #CCC; padding:5px;  background-color:#f7f7f7;"/>&nbsp;&nbsp;'
leftrightslide[3] = '<img src="/imgs/home10/5.jpg" border="0" style="border:1px Solid #CCC; padding:5px;  background-color:#f7f7f7;"/>&nbsp;&nbsp;'
//leftrightslide[5] = '<img src="imgs/images/6.jpg" border="0" />&nbsp;&nbsp;'
leftrightslide[4] = '<img src="/imgs/home10/7.jpg" border="0" style="border:1px Solid #CCC; padding:5px;  background-color:#f7f7f7;"/>&nbsp;&nbsp;'
//leftrightslide[7] = '<img src="imgs/images/8.jpg" border="0" />&nbsp;&nbsp;'
leftrightslide[5] = '<img src="/imgs/home10/9.gif" border="0" style="border:1px Solid #CCC; padding:5px;  background-color:#f7f7f7;"/>&nbsp;&nbsp;'
leftrightslide[9] = '<img src="/imgs/home10/9.jpg" border="0" style="border:1px Solid #CCC; padding:5px;  background-color:#f7f7f7;"/>&nbsp;&nbsp;'
leftrightslide[10] = '<img src="/imgs/home10/10.jpg" border="0" style="border:1px Solid #CCC; padding:5px;  background-color:#f7f7f7;"/>&nbsp;&nbsp;'
leftrightslide[11] = '<img src="/imgs/home10/15.jpg" border="0"  style="border:1px Solid #CCC; padding:5px;  background-color:#f7f7f7;"/>&nbsp;&nbsp;'
leftrightslide[12] = '<img src="/imgs/home10/12.jpg" border="0"  style="border:1px Solid #CCC; padding:5px;  background-color:#f7f7f7;"/>&nbsp;&nbsp;'
leftrightslide[13] = '<img src="/imgs/home10/13.jpg" border="0"  style="border:1px Solid #CCC; padding:5px;  background-color:#f7f7f7;"/>&nbsp;&nbsp;'
leftrightslide[14] = '<img src="/imgs/home10/14.jpg" border="0"  style="border:1px Solid #CCC; padding:5px;  background-color:#f7f7f7;"/>&nbsp;&nbsp;'


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

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

////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("slideleft()", 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('slideshow_rollfirst');
    if (rollFirst != null)
        rollFirst.src = "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 = "images/nav-arrow-right.gif";

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

if (iedom || document.layers) {
        document.write('<table border="0" width="975" cellspacing="0" cellpadding="5" style="border:1px solid #CCC; background-color:#EEE;"><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> <img src="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="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>')

}