$(document).ready(function(){ 

    $('.left img').click(function(){        
        
        var el=$('.activ_spec');
        var prev_el=$(el).prev();
        var next_el=$(el).next();
        $(el).prev().addClass('activ_spec');
        $(el).attr('class','');


        var nom=el.attr('id');
        var kol=$('#count').html();
        stops(prev_el);

    });
    
    $('.right img').click(function(){
        
        var el=$('.activ_spec');
        var next_el=$(el).next();
        var prev_el=$(el).prev();
        $(el).next().addClass('activ_spec');
        $(el).attr('class','');
        var nom=el.attr('id');
        
        
        stops(next_el);
    
    });
    
    function afisha()
    {
        var el=$('.activ_spec');
        var next_el=$(el).next();
        var prev_el=$(el).prev();
        $(el).next().addClass('activ_spec');
        $(el).attr('class','');
        var nom=el.attr('id');
        
        
        stops(next_el);
    }
    
    setInterval(afisha, 10000);

    
    function stops(el)
    { 
        
        var kol=$('.text').children().length-3;
        if(el.html()=='end')
        {      
            $('#0').addClass('activ_spec'); 
            $(el).attr('class','');
        }  
             
        
        if(el.html()=='begin') 
        {
            
            $('#'+kol).addClass('activ_spec');
            $(el).attr('class','');
        }
                 
    }
    var ident_ban=parseInt($('.block_pic').children('.item').length);
    ident_ban=ident_ban-1;
    var i=0;
    
    setInterval(banners_go,8000);
                
    function banners_go()
        {            
            var elem=$('.block_pic .activ');
            if(i<ident_ban)
                banners_next(elem.next());
            else
                {banners_next($('.block_pic .item').eq(0)); i=0;}
                
            var kol=parseInt($('.block_pic').children('.item').length);
            $('.block_pic .activ').animate({opacity: 0}, 6000, function() {
                $('.block_pic .activ').css('z-index','10');
                $('.block_pic .activ').attr('class','item');
                i+=1;
              }); 
             
                         
        } 
    function banners_next(el)
    {
        
            $(el).animate({opacity: 1}, 6100, function() {
                $(el).css('z-index','100');
                $(el).attr('class','item activ');
              });
    }
    
    $('.chislo').mousemove(function(){
        $('.zai').css('display','none');
        var id=$(this).attr('id');
        $('.cl'+id).css('display','block');  
        
    });
    
    
    
    
    
             
});