$(function(){
$(document).ajaxStart(function(){
	height = $('#wydarzenia').height();
	$('#wydarzenia').height(height).html('<img style="margin: 0 50% auto; padding-top: 10px;" src="images/ajax-loader.gif" />');
});

childs = $(".tabs").children();

$(childs[0]).click(function(){
    $(".active").removeClass("active").addClass("off");
    $(this).addClass("active").removeClass("off");
    $.post('wydarzenia_glowna.html', {bAjax: 1, sTyp: 'dzisiaj'}, function(xml){	
       $('#wydarzenia').html(xml);
	   $('#wydarzenia').animate({height: $('#wydarzenia_all').height()});
    });
	
	return false;
});
$(childs[1]).click(function(){
    $(".active").removeClass("active").addClass("off");
    $(this).addClass("active").removeClass("off");
    $.post('wydarzenia_glowna.html', {bAjax: 1, sTyp: 'jutro'}, function(xml){
       $('#wydarzenia').html(xml);
	   $('#wydarzenia').animate({height: $('#wydarzenia_all').height()});
    })
});
$(childs[2]).click(function(){
    $(".active").removeClass("active").addClass("off");
    $(this).addClass("active").removeClass("off");
    $.post('wydarzenia_glowna.html', {bAjax: 1, sTyp: 'weekend'}, function(xml){
       $('#wydarzenia').html(xml);
	   $('#wydarzenia').animate({height: $('#wydarzenia_all').height()});
    });
});
$(childs[3]).click(function(){
    $(".active").removeClass("active").addClass("off");
    $(this).addClass("active").removeClass("off");
    $.post('wydarzenia_glowna.html', {bAjax: 1, sTyp: 'tydzien'}, function(xml){
       $('#wydarzenia').html(xml);
	   $('#wydarzenia').animate({height: $('#wydarzenia_all').height()});
    });
});
$(childs[4]).click(function(){
    $(".active").removeClass("active").addClass("off");
    $(this).addClass("active").removeClass("off");
    $.post('wydarzenia_glowna.html', {bAjax: 1, sTyp: 'ten_miesiac'}, function(xml){
       $('#wydarzenia').html(xml);	   
	   $('#wydarzenia').animate({height: $('#wydarzenia_all').height()});
    });
	return false;
});
$(childs[5]).click(function(){
    $(".active").removeClass("active").addClass("off");
    $(this).addClass("active").removeClass("off");
    $.post('wydarzenia_glowna.html', {bAjax: 1, sTyp: 'nastepny_miesiac'}, function(xml){
       $('#wydarzenia').html(xml);
	   $('#wydarzenia').animate({height: $('#wydarzenia_all').height()});
    });
});
});