﻿var slideTo = 0;
var setslidetimer = false;

function slideLeft() {
    slideTo += 268;
    /*
    if (slideTo < 0) {
        document.getElementById("ProductContainerRight").style.visibility = "visible";
    }
    else {
        document.getElementById("ProductContainerLeft").style.visibility = "hidden";
        document.getElementById("ProductContainerLeft").disabled = "disabled";
    }
*/
    if (slideTo < 268) {
        if (!setslidetimer) {
            setTimeout("updateSliderPos()", 50);
            setslidetimer = true;
            document.getElementById("ProductSliderContainer").style.position = 'relative';
        }
    } else {
        slideTo -= 268;
    }
}

function slideRight(totWidth) {
    var gliderWidth = totWidth * -1;
    slideTo -= 268;


    //if(slideTo < 0){
    //	document.getElementById("GalleryContainerTopNavigate").style.visibility = "visible";
    //}
    /*
    if (slideTo > (gliderWidth + 1068)) {

        document.getElementById("ProductContainerLeft").style.visibility = "visible";
    }
    else {
        document.getElementById("ProductContainerRight").style.visibility = "hidden";
        document.getElementById("ProductContainerRight").disabled = "disabled";
    }*/

    if (slideTo > (gliderWidth + 804)) {

        if (!setslidetimer) {
            setTimeout("updateSliderPos()", 50);
            setslidetimer = true;
            document.getElementById("ProductSliderContainer").style.position = 'relative';
        }
    } else {
        slideTo += 268;
    }
}

function updateSliderPos() {
    var slidePos = parseInt(document.getElementById("ProductSliderContainer").style.left);

    if (document.getElementById("ProductSliderContainer").style.left == "")
        slidePos = 0;

    if (slidePos != slideTo) {
        var diff = Math.round((slideTo - slidePos) / 2);

        if (diff == 0) {
            document.getElementById("ProductSliderContainer").style.left = slideTo + 'px';
        }
        else {
            var newTop = Math.round(slidePos + diff);

            document.getElementById("ProductSliderContainer").style.left = newTop + 'px';
        }
    }

    setTimeout("updateSliderPos()", 50);
}
