var cur_offset=0;
	var ajax_response;
	var show_info=0;
	
	//$(document).ready(function() { $("body").append('<div id="infodiv" style="display:none; position: absolute; top: 0px; left: 0px; font-size: 12px; background-color: #c1e458; padding: 3px; color: #4d4a4a">Termin zajęty</div>'); });
	$(document).ready(function() { 
		$("body").append('<div id="infodiv"><div id="infodiv_top" class="png_bg"></div><div id="infodiv_srod" class="png_bg">Termin zajęty</div><div class="png_bg" id="infodiv_bottom"></div></div>'); 
		$("#infodiv").hover(
			function() {
				clearTimeout(tooltip_timeout);
			},
			function() {
				tooltip_timeout = setTimeout(function() { SchowajTooltip(); },200);
			}
		);
	});
	//$(document).mousemove(function (ev) { $("#infodiv").css("left",ev.pageX-29).css("top",ev.pageY+12); });
	
	function AjaxCalendar()
	{
		$.ajax({
			url: "include/ajax_calendar.php",
			global: false,
			type: "GET",
			data: ({offset : cur_offset}),
			dataType: "json",
			success: function(msg){
				 ajax_response = msg;
				 BuildCalendar();
			}
	   });
	}
	function SchowajTooltip() {
		$("#infodiv").hide();
		show_info=0;
	}
	var tooltip_timeout;
	function BuildCalendar()
	{
		$("#rezerwacja_miesiac").html(ajax_response.miesiac+" "+ajax_response.rok);
		$("#rezerwacja_dni").empty();
		for(i=0; i<ajax_response.dni.length; i++)
		{
			dzien=ajax_response.dni[i];
			nowy=$('<div></div>');
			nowy.addClass("rezerwacja_dzien");
			nowy.html(dzien.nazwa);
			
			if(dzien.status==0) { nowy.addClass("rezerwacja_dzien_wolny"); }
			if(dzien.status==1) { 
				nowy.addClass("on");
				nowy.append('<div class="rezerwacja_dzien_opis">'+dzien.tekst+'</div>');
				nowy.css("color","#"+dzien.kolor);
				nowy.hover(
					function() {
						clearTimeout(tooltip_timeout);
						$("#infodiv_srod").html($(this).find(".rezerwacja_dzien_opis").html());
						$("#infodiv").css("left",$(this).offset().left-29).css("top",$(this).offset().top+$(this).height());
						$("#infodiv").show();
						show_info=1;
					},
					function() {
						tooltip_timeout = setTimeout(function() { SchowajTooltip(); },200);
					}
				);
			}
			
			$("#rezerwacja_dni").append(nowy);
		}
		$("#rezerwacja_dni").append('<div class="czysc"></div>');
	}
	function NextMonth()
	{
		cur_offset+=1;
		AjaxCalendar();
	}
	function PrevMonth()
	{
		cur_offset-=1;
		AjaxCalendar();
	}