$(document).ready(function(){
    var wid = 165 + 10 +24;
    var scroll_enabled = true;
    
    var count = $('.carusel-green img').length;
    var bigcount = $('.bigpic_stack img').length;
    
    $('.levpol, .pravpol').css({
        cursor: 'pointer'
    });
    
    $('.carusel-green img')
        .css({
            cursor: 'pointer'
        })
        .click(function(){
        $('#bigpic').attr('src', $(this).attr('src').replace(/_t/g, ''));
    });
    
    $('.pravpol, .forward').click(function(){
        if (!scroll_enabled)
            return false;
    
        var pos =  0 - parseInt(
                parseInt($('.carusel-green').css('left'))
                /
                wid
            ) + 2;
        
        if (pos >= count - 3)
            return false;

        scroll_enabled = false;

        $('.carusel-green').animate({
            left: parseInt($('.carusel-green').css('left')) - wid + 'px' 
        }, 500, function(){
            scroll_enabled = true;
        });
        
        return false;
    });
    
    $('.levpol, .back').click(function(){
        if (!scroll_enabled)
            return false;

        var pos =  0 - parseInt(
                parseInt($('.carusel-green').css('left'))
                /
                wid
            );
        
        if (pos < 1)
            return false;
            
        scroll_enabled = false;

        $('.carusel-green').animate({
            left: parseInt($('.carusel-green').css('left')) + wid + 'px' 
        }, 500, function(){
            scroll_enabled = true;
        });
        
        return false;
    });
    
    $('img', '.carusel-green').css({cursor: 'pointer'}).click(function(){
        var cl = $(this).attr('class');
        bigload(cl);
        return false;        
    });
    
    $('.biglevclick').css({cursor: 'pointer'}).click(function(){
        var cl = $('img', '.bigpic').attr('class');    
        var $prev = $('.'+cl, '.bigpic_stack').prev();
        if ($prev.length)
            bigload($prev.attr('class'));
        return false;
    });
    
    $('.bigpravclick').css({cursor: 'pointer'}).click(function(){
        var cl = $('img', '.bigpic').attr('class');    
        var $next = $('.'+cl, '.bigpic_stack').next();
        if ($next.length)
            bigload($next.attr('class'));
        return false;
    });
});

function bigload(cl)
{

    var $cur = $('img', '.bigpic');
    var $next = $('.'+cl, '.bigpic_stack');
    if (!$next.length)
        return;
    
    $cur.css({zIndex: 10});
    $next.clone().css({zIndex: 5}).appendTo('.bigpic');
    
    $cur.animate({
        opacity: 0
    }, 500, function(){
        $cur.remove();
    });
}