var achtung_zarowki = 0;

var patti_up = new Image();
patti_up.src = 'images/patti_zarowka_up.png';

var bag_up = new Image();
bag_up.src = 'images/bag_zarowka_up.png';

var go_up = new Image();
go_up.src = 'images/go_zarowka_up.png';

var patti_down = new Image();
patti_down.src = 'images/patti_zarowka.png';

var back_zielony = new Image();
back_zielony.src = 'images/tlo_zielony.jpg';

var back_szary = new Image();
back_szary.src = 'images/tlo_szary.jpg';

var back_niebieski = new Image();
back_niebieski.src = 'images/tlo_niebieski.jpg';

var srodek = 'patti';

function leftTOrightLeft(id){
    $(id).animate({
        top: 90,
        left: 220,
        width: '115px',
        height: '253px'
    },500,function(){
        $(id).removeClass();
        $(id).addClass('zarowka-lewa');
    });
}

function leftTOrightRight(id,next){
    $(id).animate({
        top: 50,
        left: 315,
        width: '153px',
        height: '339px'
    },500,function(){
        $(this).attr({
            'src':'images/'+next+'_zarowka_up.png'
        });

        if(next == 'bag'){
            $(this).css({
                'width':'295px',
                'height':'367px',
                'left':'244px',
                'top':'22px',
                'z-index':'200'
            });
            $('body').css({
                'background':'#55704c url('+back_zielony.src+') no-repeat top center'
            });
            $('ul.menu').hide();
            $('#bagaid-menu').fadeIn('fast');
            $('#top-logo a img').attr({
                'src':'images/bagaid.png'
            });
        }else if(next == 'go'){
            $(this).css({
                'width':'300px',
                'height':'379px',
                'left':'242px',
                'top':'10px',
                'z-index':'200'
            });
            $('body').css({
                'background':'#646464 url('+back_szary.src+') no-repeat top center'
            });
            $('ul.menu').hide();
            $('#go-menu').fadeIn('fast');
            $('#top-logo a img').attr({
                'src':'images/go.png'
            });
        }else if(next == 'patti'){
            $(this).css({
                'width':'274px',
                'height':'380px',
                'left':'255px',
                'top':'9px',
                'z-index':'200'
            });
            $('body').css({
                'background':'#446c8e url('+back_niebieski.src+') no-repeat top center'
            });
            $('ul.menu').hide();
            $('#patti-group-menu').fadeIn('fast');
            $('#top-logo a img').attr({
                'src':'images/patti_group.png'
            });
        }
        achtung_zarowki = 0;

    });
}

function rightTOleft(id){
    $(id).animate({
        top: 90,
        left: 450
    },500,function(){
        $(id).removeClass();
        $(id).addClass('zarowka-prawa');
    });
}

function next(){

    if(achtung_zarowki == 0){
        achtung_zarowki = 1;
        
        $('#go-box').children('div').removeClass();
        $('#patti-box').children('div').removeClass();
        $('#bag-box').children('div').removeClass();

    
        if(srodek == 'patti'){
        
            var id_srodek = '#patti-box';
            var id_lewa = '#go-box';
            var id_prawa = '#bag-box';
            var next = 'bag';
            var now = 'patti';

        }else if(srodek == 'bag'){
        
            var id_srodek = '#bag-box';
            var id_lewa = '#patti-box';
            var id_prawa = '#go-box';
            var next = 'go';
            var now = 'bag';
        
        }else if(srodek == 'go'){

            var id_srodek = '#go-box';
            var id_lewa = '#bag-box';
            var id_prawa = '#patti-box';
            var next = 'patti';
            var now = 'go';

        }
    
        $(id_srodek).attr({
            'src':'images/'+now+'_zarowka.png'
        });

        $(id_srodek).css({
            'width':'153px',
            'height':'339px',
            'left':'315px',
            'top':'50px',
            'z-index':'100'
        });
       
        srodek = next;
    
        leftTOrightLeft(id_srodek);
        leftTOrightRight(id_prawa,next);
        rightTOleft(id_lewa);
    }
}

/* =============== ================ */

function rightTOleftLeft(id){
    $(id).animate({
        top: 90,
        left: 450,
        width: '115px',
        height: '253px'
    },500,function(){
        $(id).removeClass();
        $(id).addClass('zarowka-lewa');
    });
}

function rightTOleftRight(id,next){
    $(id).animate({
        top: 50,
        left: 315,
        width: '153px',
        height: '339px'
    },500,function(){
        $(this).attr({
            'src':'images/'+next+'_zarowka_up.png'
        });

        if(next == 'bag'){
            $(this).css({
                'width':'295px',
                'height':'367px',
                'left':'244px',
                'top':'22px',
                'z-index':'200'
            });
            $('body').css({
                'background':'#55704c url('+back_zielony.src+') no-repeat top center'
            });
            $('ul.menu').hide();
            $('#bagaid-menu').fadeIn('fast');
            $('#top-logo a img').attr({
                'src':'images/bagaid.png'
            });
        }else if(next == 'go'){
            $(this).css({
                'width':'300px',
                'height':'379px',
                'left':'242px',
                'top':'10px',
                'z-index':'200'
            });
            $('body').css({
                'background':'#646464 url('+back_szary.src+') no-repeat top center'
            });
            $('ul.menu').hide();
            $('#go-menu').fadeIn('fast');
            $('#top-logo a img').attr({
                'src':'images/go.png'
            });
        }else if(next == 'patti'){
            $(this).css({
                'width':'274px',
                'height':'380px',
                'left':'255px',
                'top':'9px',
                'z-index':'200'
            });
            $('body').css({
                'background':'#446c8e url('+back_niebieski.src+') no-repeat top center'
            });
            $('ul.menu').hide();
            $('#patti-group-menu').fadeIn('fast');
            $('#top-logo a img').attr({
                'src':'images/patti_group.png'
            });
        }
        achtung_zarowki = 0;
    });
}

function leftTOright(id){
    $(id).animate({
        top: 90,
        left: 220
    },500,function(){
        $(id).removeClass();
        $(id).addClass('zarowka-prawa');
    });
}

function prev(){
    if(achtung_zarowki == 0){
        achtung_zarowki = 1;
        $('#go-box').children('div').removeClass();
        $('#patti-box').children('div').removeClass();
        $('#bag-box').children('div').removeClass();

        if(srodek == 'patti'){

            var id_srodek = '#patti-box';
            var id_prawa = '#go-box';
            var id_lewa = '#bag-box';
            var next = 'go';
            var now = 'patti';

        }else if(srodek == 'bag'){

            var id_srodek = '#bag-box';
            var id_prawa = '#patti-box';
            var id_lewa = '#go-box';
            var next = 'patti';
            var now = 'bag';

        }else if(srodek == 'go'){

            var id_srodek = '#go-box';
            var id_prawa = '#bag-box';
            var id_lewa = '#patti-box';
            var next = 'bag';
            var now = 'go';

        }

        $(id_srodek).attr({
            'src':'images/'+now+'_zarowka.png'
        });

        $(id_srodek).css({
            'width':'153px',
            'height':'339px',
            'left':'315px',
            'top':'50px',
            'z-index':'100'
        });

        srodek = next;

        rightTOleftLeft(id_srodek);
        rightTOleftRight(id_prawa,next);
        leftTOright(id_lewa);
    }
}