var current_card;
var timeout = 5000;
var timer;
var max_card = 5;
var card_width = 796;

$(document).ready(function(){

    current_card=1;
    timer = setTimeout("card_next();display_card(0)",timeout);
    $('#card_right').click(function(event){
        event.preventDefault();
        card_next();
        display_card(1);
    });  
    $('#card_left').click(function(event){
        event.preventDefault();
        card_prev();
        display_card(2);
    });  
    
    $('.card_windows a').click(function(event){
        event.preventDefault();
        $('#card_'+current_card).removeClass('card_active');
        $('#card_'+current_card).addClass('card_inactive');
        current_card=parseInt($(this).attr('id').substr(5,1));
        $('#card_'+current_card).removeClass('card_inactive');
        $('#card_'+current_card).addClass('card_active');
        clearTimeout(timer);
        timer = setTimeout("card_next();display_card(0);",timeout);
        display_card(0);
    });

    // Skopiowanie pierwszej i ostatniej na przeciwny koniec
    $('#card_image'+max_card).after($('#card_image1').clone().attr('id','card_image'+(max_card+1)));
    $('#card_image1').before($('#card_image'+max_card).clone().attr('id','card_image0'));
    $('#card_area').css('marginLeft','-'+card_width+'px');
});


function card_next(){
    $('#card_'+current_card).removeClass('card_active');
    $('#card_'+current_card).addClass('card_inactive');
    current_card+=1;
    if(current_card>max_card) current_card=1;
    $('#card_'+current_card).removeClass('card_inactive');
    $('#card_'+current_card).addClass('card_active');
    clearTimeout(timer);
    timer = setTimeout("card_next();display_card(0);",timeout);
}

function card_prev(){
    $('#card_'+current_card).removeClass('card_active');
    $('#card_'+current_card).addClass('card_inactive');
    current_card-=1;
    if(current_card<1) current_card=max_card;
    $('#card_'+current_card).removeClass('card_inactive');
    $('#card_'+current_card).addClass('card_active');
    clearTimeout(timer);
    timer = setTimeout("card_next();display_card(0);",timeout);
}

function display_card(type){
    if(type==0){
        $('#card_area img').fadeTo(300,0.33);
        setTimeout("$('#card_area').css('marginLeft','-'+((current_card)*card_width)+'px');",300);
        $('#card_area img').fadeTo(300,1);
    }
    // Animacja od pierwszej do ostatniej
    if(type==1)
    {
        // Animacja ostatniej karty
        if(current_card==1)
        {
            $('#card_area').animate({
                    marginLeft: '-'+((max_card+1)*card_width)+'px'
            }, 1000, function() {
               $('#card_area').css('marginLeft','-'+card_width+'px');
            });
            return;
        }
        // Animacja wszystkich kart
        $('#card_area').animate({
              marginLeft: '-'+((current_card)*card_width)+'px'
            }, 1000, function() {
        });
    }
    if(type==2)
    {
        // Animacja z pierwszej karty na ostatnia
        if(current_card == max_card)
        {
               $('#card_area').animate({
                        marginLeft: '0px'
                }, 1000, function() {
                   $('#card_area').css('marginLeft','-'+((max_card)*card_width)+'px');
                });
                return;
        }

        $('#card_area').animate({
              marginLeft: '-'+((current_card)*card_width)+'px'
            }, 1000, function() {
        });
    }
}