$(document).ready(function() {

		$('#calendar').weekCalendar({
			buttons : false,
			timeSeparator :"-",
			firstDayOfWeek : 0,
			timeslotsPerHour: 4,
			readonly : true,
			businessHours : {start: 0, end: 24, limitDisplay: false},
			height: function($calendar){
				return 640;
			},
			eventRender : function(calEvent, $event) {
				
			},
			noEvents : function() {
				displayMessage("There are no events for this week");
			},
			data:eventData
		});

		function displayMessage(message) {
			$("#message").html(message).fadeIn();
		}

		$("<div id=\"message\" class=\"ui-corner-all\"></div>").prependTo($("body"));

	});