var current_card;
var timeout = 5000;
var timer;
var anim1;
var anim2;

$(document).ready(function(){
    
   $('.tabs a').click(function(event){
        event.preventDefault();
        if($(this).hasClass('tab1_inactive')) // wybrano zakladke 1
        {
            $('#h_tab1').removeClass('tab1_inactive');
            $('#h_tab1').addClass('tab1_active');
            $('#h_tab2').removeClass('tab2_active');
            $('#h_tab2').addClass('tab2_inactive');
            $('#h_tab3').removeClass('tab3_active');
            $('#h_tab3').addClass('tab3_inactive');
        }
        if($(this).hasClass('tab2_inactive')) // wybrano zakladke 2
        {
            $('#h_tab1').removeClass('tab1_active');
            $('#h_tab1').addClass('tab1_inactive');
            $('#h_tab2').removeClass('tab2_inactive');
            $('#h_tab2').addClass('tab2_active');
            $('#h_tab3').removeClass('tab3_active');
            $('#h_tab3').addClass('tab3_inactive');
        }
        if($(this).hasClass('tab3_inactive')) // wybrano zakladke 3
        {
            $('#h_tab1').removeClass('tab1_active');
            $('#h_tab1').addClass('tab1_inactive');
            $('#h_tab2').removeClass('tab2_active');
            $('#h_tab2').addClass('tab2_inactive');
            $('#h_tab3').removeClass('tab3_inactive');
            $('#h_tab3').addClass('tab3_active');
        }
   });
   
    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);
    });
});


function card_next(){
    $('#card_'+current_card).removeClass('card_active');
    $('#card_'+current_card).addClass('card_inactive');
    current_card+=1;
    if(current_card>5) 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=5;
    $('#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').css('marginLeft','-758px');
        $('#card_image').fadeTo(300,0.33);
        setTimeout("$('#card_image').attr('src','sample/card'+current_card+'.png')",300);
        $('#card_image').fadeTo(300,1);
    }
    if(type==1)
    {
        $('#card_area').css('marginLeft','-758px');
        clearTimeout(anim1);
        clearTimeout(anim2);
        $('#card_image2').attr('src','sample/card'+current_card+'.png')
        setTimeout("$('#card_area').animate({ marginLeft:'0px' },500);",200);
        anim1 = setTimeout("$('#card_image').attr('src','sample/card'+current_card+'.png')",801);
        anim2 = setTimeout("$('#card_area').css('marginLeft','-758px')",801);
    }
    if(type==2)
    {
        $('#card_image2').attr('src',$('#card_image').attr('src'));
        $('#card_image').attr('src','sample/card'+current_card+'.png')
        $('#card_area').css('marginLeft','0px');
        setTimeout("$('#card_area').animate({ marginLeft:'-758px'},500)",250);
    }
}