var slider = {
    posun: 150,
    rychlost: 600,
    area: 600
};

$(function () {
    //upravime sirky sliderov, nastavime disabled na buttony
    $('div.items').each(function (idx, el) {
        $(this).width($(el).find('.item').length * slider.posun);
        sliderMoveBtns.call(this);
    });
    
    //animacie na slider.posuny sliderov
    $('div.slider img.move-right').click(function () {
        if (!$(this).is('.move-right-disabled')) {
            var items = $(this).closest('div.slider').find('div.items');
            var curLeft = parseInt(items.css('left'));
            var newLeft = curLeft - slider.posun;
            
            if (Math.abs(newLeft) > items.width() - slider.area) {
                newLeft = -(items.width() - slider.area);
            }
            items.css({
                opacity: 0.5
            }).animate({
                left: newLeft + 'px'
            },{
                duration: slider.rychlost,
                complete: sliderMoveBtns
            });
        }
    });
    $('div.slider img.move-left').click(function () {
        if (!$(this).is('.move-left-disabled')) {
            var items = $(this).closest('div.slider').find('div.items');
            var curLeft = parseInt(items.css('left'));
            var newLeft = curLeft + slider.posun;
            if (newLeft > 0) {
                newLeft = 0;
            }
            items.css({
                opacity: 0.5
            }).animate({
                left: newLeft + 'px'
            },{
                duration: slider.rychlost,
                complete: sliderMoveBtns
            });
        }
    });
});

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