/**
* Bultex Scrollable items
*/
var itemsCount = 0;
var maxLeft = 0;
var itemWidth = 275;
var magasinsHeight = 0;
var magasinsPas = 200;

function goTop() {
    var new_top = withoutPx($("#magasinsScrollables").css('top')) + magasinsPas;
    $("#magasinsScrollables").animate({ top: new_top }, 'slow');
}

function goBottom() {
    var new_top = withoutPx($("#magasinsScrollables").css('top')) - magasinsPas;
    $("#magasinsScrollables").animate({ top: new_top }, 'slow');
}

function goRight() {
    var newLeft = withoutPx($("#Diapo").css('left')) - itemWidth;
    showHideButtons(newLeft);
    $('.arrowLeft').show();
    $("#Diapo").animate({ left: newLeft }, 'slow');
}

function goLeft() {
    var newLeft = withoutPx($("#Diapo").css('left')) + itemWidth;
    showHideButtons(newLeft);
    $('.arrowRight').show();
    $("#Diapo").animate({ left: newLeft }, 'slow');
}

function withoutPx(s) {
    return parseInt(s.substring(0, s.indexOf('px')));
}

function showHideButtons(newLeft) {
    if (newLeft >= 5) {
        newLeft = 5;
        $('.arrowLeft').hide();
    }

    if (newLeft <= -maxLeft) {
        newLeft = maxLeft;
        $('.arrowRight').hide();
    }
}

$(document).ready(function() {
    itemsCount = $('.products li').length;
    maxLeft = (itemsCount - 2) * itemWidth;
    $('.arrowLeft').hide();
});