var event_nr = new Array(31);					// current event nr in day
	for(i = 1; i <= 31; i++)
	{
		event_nr[i] = 0;
	}
	
	function hide_all_events()						// at the beginign, hide all events (to prevent showing many events for one day)
	{
		$(function()
		{
			$('.day_event').hide();
		});
	}
	
	function event_changer()
	{
		$(function()
		{
			for(i = 1; i <= 31; i++)
			{
				if(i < 10)
				{
					i_str = "0" + i;							// day number must be always 2-digit long (the same as in the template)
				}
				else
				{
					i_str = i;
				}
				
				if(event_nr[i] == 0 && $('#day_' + i_str + '_event_1').length <= 0)			// if day has only one event don't animate anything, just show that event 
				{
					$('#day_' + i_str + '_event_0').show();
				}
				else if($('#day_' + i_str + '_event_' + (event_nr[i] + 1)).length > 0)		// if there's next event in day
				{
					$('#day_' + i_str + '_event_' + (event_nr[i])).hide();
					$('#day_' + i_str + '_event_' + (event_nr[i] + 1)).show();
					event_nr[i]++;															// move to next
				}
				else																		// if we are in last event
				{
					$('#day_' + i_str + '_event_' + (event_nr[i])).hide();
					event_nr[i] = 0;														// start from the begining
					$('#day_' + i_str + '_event_' + (event_nr[i])).show();
				}
			}
			setTimeout(event_changer,5000);
		});
	}
	
	$(function()
	{
		hide_all_events();
		event_changer();
	});