var card_active_index = 0;
var card_count = 0;
var card_is_in_animation = false;

var top_image_is_in_animation = false;
var top_image_active_index = 0;

function cards_startup( current, count )
{	
    card_active_index = current;
    top_image_active_index = current;
        
    card_count = count;
            
    if (iteration<= 1)
    {
    	var src_image = root + 'pictures/left_pager_passive.gif';
    	$("#left_image").attr({ src: src_image});
    	
    	iteration = 3;
    }
    else if (iteration >= count - 3)
    {
    	var src_image = root + 'pictures/right_pager_passive.gif';
    	$("#right_image").attr({ src: src_image});
    		
    	iteration = count - 2;
    }
    
    
    //обработчик для щелчков по нижним карточкам
    $('.im_index').click
    (function()
    {   
    	var new_card_index = $(this).attr('iteration');    	    	
    	var src_image = images[new_card_index];    	
    	var img_src = src_href[new_card_index];    	    	
        
        $('#img_top_').fadeOut(250, function()
    	{
             $('#img_top_').bind('load', function()
             {
                 $('#img_top_').fadeIn(250);                 
             }).attr('src', src_image);	      
    	});
    	 
    	$("#link_id").attr({ href: img_src});
    	
    	Shadowbox.clearCache();
		Shadowbox.setup();
    	
        return true;
    });
    
        

    //--------------------- боковые кнопки <-, ->  --------------------------------------
    $('.left_arrow').click(
    function() 
    {       	
    	if( top_image_is_in_animation ) return false;
        var new_card_index = parseInt(top_image_active_index) - 1;        
        
        if( new_card_index + 1 < 1 )	new_card_index = 1;
        
        card_animate_top_image_hide(new_card_index);
    
        $('.table_top_images').fadeOut(250, function() { card_animate_top_image_hide( new_card_index ); }).fadeIn(250);			
        		
		Shadowbox.clearCache();
		Shadowbox.setup(); 
    	  
        return true;
    } );

    $('.right_arrow').click(
    function() 
    {        	
    	if( top_image_is_in_animation ) return false;		        
        var new_card_index = parseInt(top_image_active_index) + 1;        
            
        card_animate_top_image_hide(new_card_index);
       
		$('.table_top_images').fadeOut(250, function() { card_animate_top_image_hide( new_card_index ); }).fadeIn(250);			
    	    	
        return true;
    } );
    
    //-----------------------------------------------------------------------
    
    
    
    //-------------------------------- нижние кнопки-листалки ---------------
    $('.left_active_pager').click(
    function() 
    {   
        if( card_is_in_animation ) return false;

        var new_card_index = parseInt(card_active_index) - 3;

        if( new_card_index < 1 ) 	new_card_index = 1;        	        
        if( new_card_index == card_active_index )    return false;
        
        card_animate_hide(new_card_index);
                
    	$(".right_active_pager").css({"visibility" : ""});
        
        if (new_card_index == 1) $(".left_active_pager").css({"visibility" : "hidden"});
        
        return true;
    } );

    $('.right_active_pager').click(
    function() 
    {
        if( card_is_in_animation ) return false;		
        
        var new_card_index = parseInt(card_active_index) + 3;
        if (new_card_index + 2 >= count)	$(".right_active_pager").css({"visibility" : "hidden"});
        card_animate_hide(new_card_index);
        
    	$(".left_active_pager").css({"visibility" : ""});
    		
        return true;
    } );    
    
    return true;
}

//--------------------------------------------------------------------

function card_animate_hide( new_card_index )
{		
    card_is_in_animation = true;

    //скрываем старые карточки                
        
    $('.card_item' + (card_active_index + 2) ).fadeOut(100);
    $('.card_item' + (card_active_index + 1) ).fadeOut(200);
    $('.card_item' + (card_active_index + 0) ).fadeOut(300, function() { card_animate_show( new_card_index ); } );
                
    return true;
}

function card_animate_show( new_card_index )
{		
    //скрываем все активные кнопки
    $('.card_itemdot_active').hide();

    card_active_index = new_card_index;
        
    $('.card_item' + (card_active_index +2 ) ).fadeIn(100);
    $('.card_item' + (card_active_index +1 ) ).fadeIn(200);
    $('.card_item' + (card_active_index +0 ) ).fadeIn(300, function() { card_is_in_animation = false; } );
        
    return true;
}

//-----------------------------------------------------------------------------------------


function card_animate_top_image_hide( new_card_index )
{		
    top_image_is_in_animation = true;                 
    $('.top_image_item' + (top_image_active_index) ).fadeOut(300, function() { card_animate_top_image_show( new_card_index ); } );    
    
    return true;
}

function card_animate_top_image_show( new_card_index )
{	
	$('.left_arrow').css({"visibility" : ""});
    $('.right_arrow').css({"visibility" : ""});
        	
    if (new_card_index == 1)	$('.left_arrow').css({"visibility" : "hidden"});                
    if (new_card_index == numb_elements)	$('.right_arrow').css({"visibility" : "hidden"});
    
    top_image_active_index = new_card_index;   
    $('.top_image_item' + (top_image_active_index ) ).fadeIn(300, function() { top_image_is_in_animation = false; } );
        
    return true;
}