///////configure the below four variables to change the style of the slider///////
//set the scrollerwidth and scrollerheight to the width/height of the LARGEST image in your slideshow!
var scrollerwidth = '592px'
var scrollerheight = '300px'
var scrollerbgcolor = '#555555'
//3000 miliseconds=3 seconds
var pausebetweenimages = 10000

var movement = 0;
var scrollLeft = 50;


//configure the below variable to change the images used in the slideshow. If you wish the images to be clickable, simply wrap the images with the appropriate <a> tag
var slideimages = new Array()
slideimages[0] = '<img src="/image/catalogue/renovation.jpg">'
/*slideimages[1] = '<img src="/image/catalogue/coinCuisine.jpg">'
slideimages[2] = '<img src="/image/catalogue/patio.jpg">'
/*slideimages[3] = '<img src="/image/catalogue/caveAlsacienne.jpg">'
slideimages[4] = '<img src="/image/catalogue/lion.jpg">'
slideimages[5] = '<a href="#"><img src="/image/catalogue/salonZen.jpg" border=0"></a>'
slideimages[6] = '<a href="#"><img src="/image/catalogue/chambreZen.jpg" border=0"></a>'
slideimages[7] = '<a href="#"><img src="/image/catalogue/loft.jpg" border=0"></a>'
slideimages[8] = '<a href="#"><img src="/image/catalogue/pointEau.jpg" border=0"></a>'
*/
//extend this list

///////Do not edit pass this line///////////////////////

var ie = document.all
var dom = document.getElementById

var i = 0;

if (slideimages.length < 2)
    slideimages[1] = slideimages[0];

if (slideimages.length < 3)
    slideimages[2] = slideimages[0];

if (slideimages.length > 1)
   i = 2
else
    i = 0



function move1(whichlayer) {
    tlayer = eval(whichlayer)
    if (tlayer.left > 0 && tlayer.left <= scrollLeft) {
        tlayer.left = 0
        setTimeout("move1(tlayer)", pausebetweenimages)
        setTimeout("move2(document.main.document.second)", pausebetweenimages)
        return
    }
    if (tlayer.left >= tlayer.document.width * -1) {
        tlayer.left -= scrollLeft
        setTimeout("move1(tlayer)", movement)
    }
    else {
        tlayer.left = parseInt(scrollerwidth) + scrollLeft
        tlayer.document.write(slideimages[i])
        tlayer.document.close()
        if (i >= slideimages.length - 1)
            i = 0
        else
            i++
    }
}

function move2(whichlayer) {
    tlayer2 = eval(whichlayer)
    if (tlayer2.left > 0 && tlayer2.left <= scrollLeft) {
        tlayer2.left = 0
        setTimeout("move2(tlayer2)", pausebetweenimages)
        setTimeout("move1(document.main.document.first)", pausebetweenimages)
        return
    }
    if (tlayer2.left >= tlayer2.document.width * -1) {
        tlayer2.left -= scrollLeft
        setTimeout("move2(tlayer2)", movement)
    }
    else {
        tlayer2.left = parseInt(scrollerwidth) + scrollLeft
        tlayer2.document.write(slideimages[i])
        tlayer2.document.close()
        if (i >= slideimages.length - 1)
            i = 0
        else
            i++
    }
}

function move3(whichdiv) {
    tdiv = eval(whichdiv)
    if (parseInt(tdiv.style.left) > 0 && parseInt(tdiv.style.left) <= scrollLeft) {
        tdiv.style.left = 0 + "px"
        setTimeout("move3(tdiv)", pausebetweenimages)
        setTimeout("move4(scrollerdiv2)", pausebetweenimages)
        return
    }
    if (parseInt(tdiv.style.left) >= tdiv.offsetWidth * -1) {
        tdiv.style.left = parseInt(tdiv.style.left) - scrollLeft + "px"
        setTimeout("move3(tdiv)", movement)
    }
    else {
        tdiv.style.left = scrollerwidth
        tdiv.innerHTML = slideimages[i]
        if (i >= slideimages.length - 1)
            i = 0
        else
            i++
    }
}

function move4(whichdiv) {
    tdiv2 = eval(whichdiv)
    if (parseInt(tdiv2.style.left) > 0 && parseInt(tdiv2.style.left) <= scrollLeft) {
        tdiv2.style.left = 0 + "px"
        setTimeout("move4(tdiv2)", pausebetweenimages)
        setTimeout("move3(scrollerdiv1)", pausebetweenimages)
        return
    }
    if (parseInt(tdiv2.style.left) >= tdiv2.offsetWidth * -1) {
        tdiv2.style.left = parseInt(tdiv2.style.left) - scrollLeft + "px"
        setTimeout("move4(scrollerdiv2)", movement)
    }
    else {
        tdiv2.style.left = scrollerwidth
        tdiv2.innerHTML = slideimages[i]
        if (i >= slideimages.length - 1)
            i = 0
        else
            i++
    }
}

function startscroll() {
    if (ie || dom) {
        scrollerdiv1 = ie ? first2 : document.getElementById("first2")
        scrollerdiv2 = ie ? second2 : document.getElementById("second2")
        move3(scrollerdiv1)
        scrollerdiv2.style.left = scrollerwidth
    }
    else if (document.layers) {
        document.main.visibility = 'show'
        move1(document.main.document.first)
        document.main.document.second.left = parseInt(scrollerwidth) + scrollLeft
        document.main.document.second.visibility = 'show'
    }
}