// JavaScript Document
var jkowalska = 0;
var mnowaczyk = 0;
var kolszewska = 0;
var mrudnicka = 0;
var kwojciak = 0;
var ptah = 0;
var pszary = 0;
var jrawska = 0;
var logo = 0;

$(function(){
	//nawigacja//////////////////////////////////////////////////////////////////
    $("#jkowalska").click(function(){
        //zabezpieczenie przed animowaniem wielu div'ów na raz
        if ($('div').is(':animated')) {
            return;
        }
        //główna animacja odpowiedzialna za powiększanie i zmniejszanie div'a
        if (jkowalska == 0) {
            jkowalska = 1;
            $("#mnowaczyk").fadeOut(500);
            $("#kolszewska").delay(200).fadeOut(500);
            $("#mrudnicka").delay(400).fadeOut(500);
            $("#kwojciak").delay(600).fadeOut(500);
            $("#ptah").delay(800).fadeOut(500);
			$("#pszary").delay(1000).fadeOut(500);
            $("#jrawska").delay(1200).fadeOut(500);
            $("#logo").delay(1400).fadeOut(500);
            $(this).fadeTo(500, 0.33).delay(1000).fadeTo(500, 1);
            $(this).animate({
                left: '0',
                top: '0',
                width: 650,
                height: 650
            }, 1000, function(){
                $.get('jkowalska.php', function(data){
                    $('#jkowalska').html(data);
					$('#jkowalska').hide().fadeIn(500);
                });
            });
        }
        else 
            if (jkowalska == 1) {
                jkowalska = 0;
                $(this).html('<a href="#"></a>');
                $(this).animate({
                    left: '0',
                    top: '0',
                    width: 200,
                    height: 200
                }, 1000, function(){
            $("#mnowaczyk").fadeIn(500);
            $("#kolszewska").delay(200).fadeIn(500);
            $("#mrudnicka").delay(400).fadeIn(500);
            $("#kwojciak").delay(600).fadeIn(500);
            $("#ptah").delay(800).fadeIn(500);
			$("#pszary").delay(1000).fadeIn(500);
            $("#jrawska").delay(1200).fadeIn(500);
            $("#logo").delay(1400).fadeIn(500);
                });
            }
    });
////////////////////////////////////////////////////////////////////////
$("#mnowaczyk").click(function(){
        //zabezpieczenie przed animowaniem wielu div'ów na raz
        if ($('div').is(':animated')) {
            return;
        }
        //główna animacja odpowiedzialna za powiększanie i zmniejszanie div'a
        if (mnowaczyk == 0) {
            mnowaczyk = 1;
            $("#jkowalska").fadeOut(500);
            $("#kolszewska").delay(200).fadeOut(500);
            $("#mrudnicka").delay(400).fadeOut(500);
            $("#kwojciak").delay(600).fadeOut(500);
            $("#ptah").delay(800).fadeOut(500);
			$("#pszary").delay(1000).fadeOut(500);
            $("#jrawska").delay(1200).fadeOut(500);
            $("#logo").delay(1400).fadeOut(500);
            $(this).fadeTo(500, 0.33).delay(1000).fadeTo(500, 1);
            $(this).animate({
                left: '-=225',
                top: '0',
                width: 650,
                height: 650
            }, 1000, function(){
                $.get('mnowaczyk.php', function(data){
                    $('#mnowaczyk').html(data);
					$('#mnowaczyk').hide().fadeIn(500);
                });
            });
        }
        else 
            if (mnowaczyk == 1) {
                mnowaczyk = 0;
                $(this).html('<a href="#"></a>');
                $(this).animate({
                    left: '+=225',
                    top: '0',
                    width: 200,
                    height: 200
                }, 1000, function(){
                    $("#jkowalska").fadeIn(500);
            $("#kolszewska").delay(200).fadeIn(500);
            $("#mrudnicka").delay(400).fadeIn(500);
            $("#kwojciak").delay(600).fadeIn(500);
            $("#ptah").delay(800).fadeIn(500);
			$("#pszary").delay(1000).fadeIn(500);
            $("#jrawska").delay(1200).fadeIn(500);
            $("#logo").delay(1400).fadeIn(500);
                });
            }
    });
///////////////////////////////////////////////
$("#kolszewska").click(function(){
        //zabezpieczenie przed animowaniem wielu div'ów na raz
        if ($('div').is(':animated')) {
            return;
        }
        //główna animacja odpowiedzialna za powiększanie i zmniejszanie div'a
        if (kolszewska == 0) {
            kolszewska = 1;
            $("#jkowalska").fadeOut(500);
            $("#mnowaczyk").delay(200).fadeOut(500);
            $("#mrudnicka").delay(400).fadeOut(500);
            $("#kwojciak").delay(600).fadeOut(500);
            $("#ptah").delay(800).fadeOut(500);
			$("#pszary").delay(1000).fadeOut(500);
            $("#jrawska").delay(1200).fadeOut(500);
            $("#logo").delay(1400).fadeOut(500);
            $(this).fadeTo(500, 0.33).delay(1000).fadeTo(500, 1);
            $(this).animate({
                left: '-=450',
                top: '0',
                width: 650,
                height: 650
            }, 1000, function(){
                $.get('kolszewska.php', function(data){
                    $('#kolszewska').html(data);
					$('#kolszewska').hide().fadeIn(500);
                });
            });
        }
        else 
            if (kolszewska == 1) {
                kolszewska = 0;
                $(this).html('<a href="#"></a>');
                $(this).animate({
                    left: '+=450',
                    top: '0',
                    width: 200,
                    height: 200
                }, 1000, function(){
                    $("#jkowalska").fadeIn(500);
            $("#mnowaczyk").delay(200).fadeIn(500);
            $("#mrudnicka").delay(400).fadeIn(500);
            $("#kwojciak").delay(600).fadeIn(500);
            $("#ptah").delay(800).fadeIn(500);
			$("#pszary").delay(1000).fadeIn(500);
            $("#jrawska").delay(1200).fadeIn(500);
            $("#logo").delay(1400).fadeIn(500);
                });
            }
    });	
///////////////////////////////////////////////
$("#mrudnicka").click(function(){
        //zabezpieczenie przed animowaniem wielu div'ów na raz
        if ($('div').is(':animated')) {
            return;
        }
        //główna animacja odpowiedzialna za powiększanie i zmniejszanie div'a
        if (mrudnicka == 0) {
            mrudnicka = 1;
            $("#jkowalska").fadeOut(500);
            $("#mnowaczyk").delay(200).fadeOut(500);
            $("#kolszewska").delay(400).fadeOut(500);
            $("#kwojciak").delay(600).fadeOut(500);
            $("#ptah").delay(800).fadeOut(500);
			$("#pszary").delay(1000).fadeOut(500);
            $("#jrawska").delay(1200).fadeOut(500);
            $("#logo").delay(1400).fadeOut(500);
            $(this).fadeTo(500, 0.33).delay(1000).fadeTo(500, 1);
            $(this).animate({
                left: '-=450',
                top: '-=225',
                width: 650,
                height: 650
            }, 1000, function(){
                $.get('mrudnicka.php', function(data){
                    $('#mrudnicka').html(data);
					$('#mrudnicka').hide().fadeIn(500);
                });
            });
        }
        else 
            if (mrudnicka == 1) {
                mrudnicka = 0;
                $(this).html('<a href="#"></a>');
                $(this).animate({
                    left: '+=450',
                    top: '+=225',
                    width: 200,
                    height: 200
                }, 1000, function(){
                    $("#jkowalska").fadeIn(500);
            $("#mnowaczyk").delay(200).fadeIn(500);
            $("#kolszewska").delay(400).fadeIn(500);
            $("#kwojciak").delay(600).fadeIn(500);
            $("#ptah").delay(800).fadeIn(500);
			$("#pszary").delay(1000).fadeIn(500);
            $("#jrawska").delay(1200).fadeIn(500);
            $("#logo").delay(1400).fadeIn(500);
                });
            }
    });	
///////////////////////////////////////////////
$("#kwojciak").click(function(){
        //zabezpieczenie przed animowaniem wielu div'ów na raz
        if ($('div').is(':animated')) {
            return;
        }
        //główna animacja odpowiedzialna za powiększanie i zmniejszanie div'a
        if (kwojciak == 0) {
            kwojciak = 1;
            $("#jkowalska").fadeOut(500);
            $("#mnowaczyk").delay(200).fadeOut(500);
            $("#kolszewska").delay(400).fadeOut(500);
            $("#mrudnicka").delay(600).fadeOut(500);
            $("#ptah").delay(800).fadeOut(500);
			$("#pszary").delay(1000).fadeOut(500);
            $("#jrawska").delay(1200).fadeOut(500);
            $("#logo").delay(1400).fadeOut(500);
            $(this).fadeTo(500, 0.33).delay(1000).fadeTo(500, 1);
            $(this).animate({
                left: '-=450',
                top: '-=450',
                width: 650,
                height: 650
            }, 1000, function(){
                $.get('kwojciak.php', function(data){
                    $('#kwojciak').html(data);
					$('#kwojciak').hide().fadeIn(500);
                });
            });
        }
        else 
            if (kwojciak == 1) {
                kwojciak = 0;
                $(this).html('<a href="#"></a>');
                $(this).animate({
                    left: '+=450',
                    top: '+=450',
                    width: 200,
                    height: 200
                }, 1000, function(){
                    $("#jkowalska").fadeIn(500);
            $("#mnowaczyk").delay(200).fadeIn(500);
            $("#kolszewska").delay(400).fadeIn(500);
            $("#mrudnicka").delay(600).fadeIn(500);
            $("#ptah").delay(800).fadeIn(500);
			$("#pszary").delay(1000).fadeIn(500);
            $("#jrawska").delay(1200).fadeIn(500);
            $("#logo").delay(1400).fadeIn(500);
                });
            }
    });	
///////////////////////////////////////////////
$("#ptah").click(function(){
        //zabezpieczenie przed animowaniem wielu div'ów na raz
        if ($('div').is(':animated')) {
            return;
        }
        //główna animacja odpowiedzialna za powiększanie i zmniejszanie div'a
        if (ptah == 0) {
            ptah = 1;
            $("#jkowalska").fadeOut(500);
            $("#mnowaczyk").delay(200).fadeOut(500);
            $("#kolszewska").delay(400).fadeOut(500);
            $("#mrudnicka").delay(600).fadeOut(500);
            $("#kwojciak").delay(800).fadeOut(500);
			$("#pszary").delay(1000).fadeOut(500);
            $("#jrawska").delay(1200).fadeOut(500);
            $("#logo").delay(1400).fadeOut(500);
            $(this).fadeTo(500, 0.33).delay(1000).fadeTo(500, 1);
            $(this).animate({
                left: '-=225',
                top: '-=450',
                width: 650,
                height: 650
            }, 1000, function(){
                $.get('ptah.php', function(data){
                    $('#ptah').html(data);
					$('#ptah').hide().fadeIn(500);
                });
            });
        }
        else 
            if (ptah == 1) {
                ptah = 0;
                $(this).html('<a href="#"></a>');
                $(this).animate({
                    left: '+=225',
                    top: '+=450',
                    width: 200,
                    height: 200
                }, 1000, function(){
                    $("#jkowalska").fadeIn(500);
            $("#mnowaczyk").delay(200).fadeIn(500);
            $("#kolszewska").delay(400).fadeIn(500);
            $("#mrudnicka").delay(600).fadeIn(500);
            $("#kwojciak").delay(800).fadeIn(500);
			$("#pszary").delay(1000).fadeIn(500);
            $("#jrawska").delay(1200).fadeIn(500);
            $("#logo").delay(1400).fadeIn(500);
                });
            }
    });	
///////////////////////////////////////////////
$("#pszary").click(function(){
        //zabezpieczenie przed animowaniem wielu div'ów na raz
        if ($('div').is(':animated')) {
            return;
        }
        //główna animacja odpowiedzialna za powiększanie i zmniejszanie div'a
        if (pszary == 0) {
            pszary = 1;
            $("#jkowalska").fadeOut(500);
            $("#mnowaczyk").delay(200).fadeOut(500);
            $("#kolszewska").delay(400).fadeOut(500);
            $("#mrudnicka").delay(600).fadeOut(500);
            $("#kwojciak").delay(800).fadeOut(500);
			$("#ptah").delay(1000).fadeOut(500);
            $("#jrawska").delay(1200).fadeOut(500);
            $("#logo").delay(1400).fadeOut(500);
            $(this).fadeTo(500, 0.33).delay(1000).fadeTo(500, 1);
            $(this).animate({
                left: '0',
                top: '-=450',
                width: 650,
                height: 650
            }, 1000, function(){
                $.get('pszary.php', function(data){
                    $('#pszary').html(data);
					$('#pszary').hide().fadeIn(500);
                });
            });
        }
        else 
            if (pszary == 1) {
                pszary = 0;
                $(this).html('<a href="#"></a>');
                $(this).animate({
                    left: '0',
                    top: '+=450',
                    width: 200,
                    height: 200
                }, 1000, function(){
                    $("#jkowalska").fadeIn(500);
            $("#mnowaczyk").delay(200).fadeIn(500);
            $("#kolszewska").delay(400).fadeIn(500);
            $("#mrudnicka").delay(600).fadeIn(500);
            $("#kwojciak").delay(800).fadeIn(500);
			$("#ptah").delay(1000).fadeIn(500);
            $("#jrawska").delay(1200).fadeIn(500);
            $("#logo").delay(1400).fadeIn(500);
                });
            }
    });	
///////////////////////////////////////////////
$("#jrawska").click(function(){
        //zabezpieczenie przed animowaniem wielu div'ów na raz
        if ($('div').is(':animated')) {
            return;
        }
        //główna animacja odpowiedzialna za powiększanie i zmniejszanie div'a
        if (jrawska == 0) {
            jrawska = 1;
            $("#jkowalska").fadeOut(500);
            $("#mnowaczyk").delay(200).fadeOut(500);
            $("#kolszewska").delay(400).fadeOut(500);
            $("#mrudnicka").delay(600).fadeOut(500);
            $("#kwojciak").delay(800).fadeOut(500);
			$("#ptah").delay(1000).fadeOut(500);
            $("#pszary").delay(1200).fadeOut(500);
            $("#logo").delay(1400).fadeOut(500);
            $(this).fadeTo(500, 0.33).delay(1000).fadeTo(500, 1);
            $(this).animate({
                left: '0',
                top: '-=225',
                width: 650,
                height: 650
            }, 1000, function(){
                $.get('jrawska.php', function(data){
                    $('#jrawska').html(data);
					$('#jrawska').hide().fadeIn(500);
                });
            });
        }
        else 
            if (jrawska == 1) {
                jrawska = 0;
                $(this).html('<a href="#"></a>');
                $(this).animate({
                    left: '0',
                    top: '+=225',
                    width: 200,
                    height: 200
                }, 1000, function(){
                    $("#jkowalska").fadeIn(500);
            $("#mnowaczyk").delay(200).fadeIn(500);
            $("#kolszewska").delay(400).fadeIn(500);
            $("#mrudnicka").delay(600).fadeIn(500);
            $("#kwojciak").delay(800).fadeIn(500);
			$("#ptah").delay(1000).fadeIn(500);
            $("#pszary").delay(1200).fadeIn(500);
            $("#logo").delay(1400).fadeIn(500);
                });
            }
    });	
///////////////////////////////////////////////
$("#logo").click(function(){
        //zabezpieczenie przed animowaniem wielu div'ów na raz
        if ($('div').is(':animated')) {
            return;
        }
        //główna animacja odpowiedzialna za powiększanie i zmniejszanie div'a
       
    });	
///////////////////////////////////////////////	
});