var animating = false;

var appendNewDecors = function()
{
    $(".sl_layer").css({width: $(".ss").width()});
    var newCount = $('.slider').children().length;
    var list = $('.slider').children();
    while ($('.sl_layer').width() > (newCount * 95 - 300)) {
        for (i = 0; i < list.length; i++)
            $('.slider').append($(list.get(i)).clone().css({marginLeft: (newCount+i)*95-40}));
        newCount += list.length;
    }
}

var replaceDecorCaption = function()
{
    $('#new_decor_name').text($(this).attr('title'));
    $('#new_decor_article').text($(this).attr('alt'));
    return false;
}

$(document).ready(function() {
    appendNewDecors();
    $(window).resize(function(){
        appendNewDecors();
    });

    $('.decor').click(replaceDecorCaption);

    $(".dv2").click(function() {
        if (animating)
            return;
        animating = true;
        while ((parseInt($('.slider').children(':last').css('margin-left')) - 300) < $('.sl_layer').width()) {
            right = parseInt($('.slider').children(':last').css('margin-left'));
            var decor = $('.slider').children(':first').remove();
            $('.slider').append(decor.css('margin-left', right+95));
            decor.find('.decor').click(replaceDecorCaption);
        }
        $('.slider').children().map(function() {
            $(this).animate({marginLeft: parseInt($(this).css('margin-left'))-300}, 300);
        });
        setTimeout('animating = false;', 300);
    });

    $(".dv3").click(function() {
        if (animating)
            return;
        animating = true;
        while ((parseInt($('.slider').children(':first').css('margin-left')) + 300) > 0) {
            left = parseInt($('.slider').children(':first').css('margin-left'));
            var decor = $('.slider').children(':last').remove();
            $('.slider').prepend(decor.css('margin-left', left-95));
            decor.find('.decor').click(replaceDecorCaption);
        }
        $('.slider').children().map(function() {
            $(this).animate({marginLeft: parseInt($(this).css('margin-left'))+300}, 300);
        });
        setTimeout('animating = false;', 300);
    });

});