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

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

//Specify the slider's images
var leftrightslide = new Array()
var finalslide = ''
//dynamic part
leftrightslide[0] = '<A HREF="http://www.guspini.net/sudominariu" TARGET="_blank"><IMG SRC="http://www.guspini.net/bxs/agriturismo_sudominariu.jpg" ALT="Agriturismo Su Dominariu" border="1"></A>'
leftrightslide[1] = '<A HREF="http://www.guspini.net/ottica-millennium" TARGET="_blank"><IMG SRC="http://www.guspini.net/bxs/ottica_millennium.jpg" ALT="Ottica Millennium" border="1"></A>'
leftrightslide[2] = '<A HREF="http://www.guspini.net/alp" TARGET="_blank"><IMG SRC="http://www.guspini.net/bxs/alp_serramenti.gif" ALT="ALP Serramenti e Infissi" BORDER="1"></A>'
leftrightslide[3] = '<a target="_blank" href="http://www.guspini.net/cisalpina"><img src="http://www.guspini.net/bxs/cisalpina.jpg" border="1"ALT="Agenzia Viaggi Cisalpina"></a>'
leftrightslide[4] = '<a target="_blank" href="http://www.guspini.net/internorm"><img src="http://www.guspini.net/bxs/internorm.gif" border="1" ALT="Finestre Internorm"></a>'
leftrightslide[5] = '<a target="_blank" href="http://www.guspini.net/gem"><img src="http://www.guspini.net/bxs/gem_elettrica.gif" border="1"ALT="Impianti Civili e Industriali" ></a>'
leftrightslide[6] = '<A HREF="http://www.sabbaesumare.it" TARGET="_blank"><IMG SRC="http://www.guspini.net/bxs/abba_mare.gif" ALT="B&B Abba e Mare" BORDER="1"></A>'
leftrightslide[7] = '<a target="_blank" href="http://www.guspini.net/casamarmida"><img src="http://www.guspini.net/bxs/agriturismo_casamarmida.gif" border="1"></a>'
leftrightslide[8] = '<a target="_blank" href="http://www.agriturismosatella.it"><img src="http://www.guspini.net/bxs/agriturismo_satella.jpg"  ALT="Agriturismo Sa Tella" border="1"></a>'
leftrightslide[9] = '<a target="_blank" href="http://www.guspini.net/torinauto"><img src="http://www.guspini.net/bxs/torinauto.jpg"  ALT="Torinauto di Boi" border="1"></a>'
leftrightslide[10] = '<a target="_blank" href="http://www.guspini.net/mariano"><img src="http://www.guspini.net/bxs/pizzeria_mariano.jpg"  ALT="Pizzeria Mariano" border="1"></a>'
leftrightslide[11] = '<a target="_blank" href="http://www.guspini.net/erreelle"><img src="http://www.guspini.net/bxs/erreelle.jpg"  ALT="Erre Elle Immobiliare" border="1"></a>'
leftrightslide[12] = '<a target="_blank" href="http://www.guspini.net/graficarbus"><img src="http://www.guspini.net/bxs/graficarbus.gif"  ALT="Elaborazioni e Stampa Digitale" border="1"></a>'
leftrightslide[13] = '<a target="_blank" href="http://www.guspini.net/hotelsantamaria"><img src="http://www.guspini.net/bxs/hotel_santa_maria.jpg"  ALT="Hotel Santa Maria" border="1"></a>'
leftrightslide[14] = '<a target="_blank" href="http://www.guspini.net/falegnameriamoderna"><img src="http://www.guspini.net/bxs/falegnameria_moderna.gif"  ALT="Falegnameria Moderna di Lampis" border="1"></a>'
leftrightslide[15] = '<a target="_blank" href="http://www.guspini.net/gedacom"><img src="http://www.guspini.net/bxs/gedacom.gif"  ALT="Gedacom Servizi alle Imprese" border="1"></a>'
leftrightslide[16] = '<a target="_blank" href="http://www.tanitforfit.com"><img src="http://www.guspini.net/bxs/palestra_tanit.gif"  ALT="Palestra Tanit" border="1"></a>'
leftrightslide[17] = '<a target="_blank" href="http://www.guspini.net/onidi"><img src="http://www.guspini.net/bxs/trasporti_onidi.jpg"  ALT="Trasporti e Traslochi Onidi" border="1"></a>'
leftrightslide[18] = '<a target="_blank" href="http://www.guspini.net/caria"><img src="http://www.guspini.net/bxs/nuove_tecnologie.jpg"  ALT="Nuove Tecnologie - Arredamenti Caria" border="1"></a>'
leftrightslide[19] = '<a target="_blank" href="http://www.guspini.net/sunheat"><img src="http://www.guspini.net/bxs/sunheat.gif"  ALT="Pannelli Solari Termici SunHeat" border="1"></a>'
//Specify gap between each image (use HTML):
var imagegap = " "

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

////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/left.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/right.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/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/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 0px #3366FF">')
            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/left.gif" width="30" height="20" border="0" id="slideshow_rollfirst"');
        document.write('onmouseover="pressleft();"')
        document.write('onmouseout="mouse_out();"> ')
        document.write('<br />')

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

}