var slider = {
    posun: 65,
    rychlost: 600,
    area: 347
};
$(function () {
    //SLIDER
    slider.area = $('div.sliderArea:eq(0)').width();
    //upravime sirky sliderov, nastavime disabled na buttony
    $('div.sliderContent').each(function (idx, el) {
        $(this).width($(el).find('div.sliderItem').length * 65);
        sliderMoveBtns.call(this);
    });
    //zobrazime vsetky slidy
    $('div.sliderContainer').removeClass('sliderContainer-hide');
    
    //animacie na slider.posuny sliderov
    $('div.slider span.move-right').click(function () {
        if (!$(this).hasClass('move-right-disabled')) {
            var sliderContent = $(this).closest('div.slider').find('div.sliderContent');
            var curLeft = parseInt(sliderContent.css('left'));
            var newLeft = curLeft - slider.posun;
            if (Math.abs(newLeft) > sliderContent.width() - slider.area) {
                newLeft = -(sliderContent.width() - slider.area);
            }
            sliderContent.animate({
                left: newLeft + 'px'
            },{
                duration: slider.rychlost,
                complete: sliderMoveBtns
            });
        }
    });
    $('div.slider span.move-left').click(function () {
        if (!$(this).hasClass('move-left-disabled')) {
            var sliderContent = $(this).closest('div.slider').find('div.sliderContent');
            var curLeft = parseInt(sliderContent.css('left'));
            var newLeft = curLeft + slider.posun;
            if (newLeft > 0) {
                newLeft = 0;
            }
            sliderContent.animate({
                left: newLeft + 'px'
            },{
                duration: slider.rychlost,
                complete: sliderMoveBtns
            });
        }
    });
});

// Nastavi buttony na disabled a enabled
// this - sliderContent
function sliderMoveBtns() {
    var c = $(this);
    var cleft = parseInt(c.css('left'));
    var ml = c.closest('div.slider').find('span.move-left');
    var mr = c.closest('div.slider').find('span.move-right');
    if (cleft < 0) {
        ml.removeClass('move-left-disabled');
    }
    if (cleft >= 0) {
        ml.addClass('move-left-disabled');
    }
    if (Math.abs(cleft) >= c.width() - slider.area) {
        mr.addClass('move-right-disabled');
    } else {
        mr.removeClass('move-right-disabled');
    }
}