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

//var sliderwidth = "540px"

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

//Specify the slider's images
var leftrightslide = new Array()
var finalslide = ''
//dynamic part
leftrightslide[0] = '<a href="http://www.agadir-annonces.com/agadir/annonces/emploi-job/offres-emploi/devenez-distributeur-aloe-vera-maroc-3807.html"><img src="aloevera-maroc.jpg" alt="Devenez distributeur | Aloe vera Maroc " title="Devenez distributeur | Aloe vera Maroc " border="0"></a>'
leftrightslide[1] = '<a href="http://www.voitures-agadir.com" target="_blank"><img src="location-limousine.jpg" alt="location de limousine à agadir" title="location de limousine à agadir" border="0"></a>'
leftrightslide[2] = '<a href="http://www.agadir-annonces.com/maroc/annonces/emploi-job/independant-teletravail/travailler-sur-internet-depuis-le-maroc-3486.html"><img src="travail-internet.png" alt="Travailler sur internet au maroc" title="Travailler sur internet au maroc" border="0" width="190" height="72"></a>'
leftrightslide[3] = '<a href="http://www.agadir-annonces.com/agadir/annonces/vente-immobilier/vente-terrains/terrain-titre-3700m-a-sonaba-2700-dh-5365.html"><img src="terrain-sonaba.jpg" alt="terrain titré 3700m² à sonaba, 2700 DH / m² " title="terrain titré 3700m² à sonaba, 2700 DH / m² " border="0"></a>'
leftrightslide[4] = '<a href="http://www.agadir-annonces.com/agadir/annonces/maroc-services/sante-forme-beaute/lissage-bresilien-a-la-keratine-agadir-5449.html"><img src="keratine-bresilien.jpg" alt="LISSAGE BRÉSILIEN Á LA KÉRATINE" title="LISSAGE BRÉSILIEN Á LA KÉRATINE" border="0"></a>'
leftrightslide[5] = '<a href="http://www.agadir-annonces.com/agadir/annonces/vente-immobilier/vente-terrains/terrain-pres-de-golf-club-hotel-et-villas-agadir-5410.html"><img src="terrain-aghroud-bensergaw.jpg" alt="terrain près de golf club, hôtel et villas" title="terrain près de golf club, hôtel et villas" border="0" width="90" height="72"></a>'
leftrightslide[6] = '<a href="http://www.agadir-annonces.com/annonces-premium.php"><img src="annoncevedette.gif" alt="votre annonce ici" title="votre annonce ici" border="0" width="90" height="72"></a>'
leftrightslide[7] = '<a href="http://www.agadir-annonces.com/agadir/annonces/vente-et-chat/beaute-sante/huile-argane-maroc-export-argane-oil-5547.html"><img src="argan-maroc.jpg" alt="huile d’argan maroc" title="huile d’argan maroc" border="0"></a>'
leftrightslide[8] = '<a href="http://www.agadir-annonces.com/agadir/annonces/vente-immobilier/vente-terrains/terrain-titre-7000m-4-a-fadesa-dcheira-agadir-5560.html"><img src="terrain-fadesa.jpg" alt="Terrain titré 7000m R+4" title="Terrain titré 7000m R+4" border="0"></a>'
leftrightslide[9] = '<a href="http://www.agadir-annonces.com/agadir/annonces/vente-immobilier/vente-terrains/terrain-titre-220m-4-a-tilila-agadir-5664.html"><img src="terrain-tilila.jpg" alt="Terrain titré 220m R+4" title="Terrain titré 220m R+4" border="0"></a>'
leftrightslide[10] = '<a href="http://www.agadir-annonces.com/agadir/annonces/vente-immobilier/vente-appartements/appartement-neuf-meuble-a-vendre-6100.html"><img src="appartement-tilila.jpg" alt="Appartement neuf meublé à vendre " title="Appartement neuf meublé à vendre " border="0"></a>'
leftrightslide[11] = '<a href="http://www.agadir-annonces.com/agadir/annonces/maroc-services/autres-services/societe-de-construction-de-batiment-agadir-6117.html"><img src="construction-batiment.jpg" alt="Société de Construction de Bâtiment " title="Société de Construction de Bâtiment " 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 = "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" cellspacing="0" cellpadding="0"><tr><td>')
        if (iedom) {
            document.write('<div style="position:relative;width:' + sliderwidth + ';height:' + sliderheight + ';overflow:hidden; border:solid 1px #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/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>')

}