$(document).ready(function(){

	// Get event parameters
	$('.cal_event').click(function(e){

		// If info box is current displayed then hide it first
		if ($('#event').css("display") == 'block') {
			$('#event').hide();
		}

		// Show loading image
		$('#loading').show();

		// Mouse Y position
		var mouseY = e.pageY;
		mouseY = mouseY - 300;

		// Position popup info box
		$('#event').css("top", mouseY+"px");

		// Get event ID
		var eventId = $(this).attr("id").substring(2);
		var eventName = $(this).html();
		var eventColour = $(this).css("background-color");

		// Set name and colour
		$('#event_head').html(eventName);
		$('#event_head').css("color", eventColour);

		// Get AJAX data
		$.ajax({
			type: "POST",
			url: "_ajax_calendar.php",
			data: "method=get&id="+eventId,
			success: function(xml){

				// Hide time field as it's not mandatory
				$('#event_time_holder').hide();

				// Get XML info
				var event = $(xml).find('event');
				var eventDate = event.find('date').text();
				var eventTimeFrom = event.find('time_from').text();
				//var eventTimeEnd = event.find('time_end').text();
				var eventLocation = event.find('location').text();
				var eventDesc = event.find('description').text();

				// Show time field if it's been set
				if (eventTimeFrom) {
					$('#event_time_holder').show();
				}

				// Pass to html
				$('#event_date').html(eventDate);
				$('#event_time').html(eventTimeFrom);
				$('#event_where').html(eventLocation);
				$('#event_details').html(eventDesc);

				// Display toggle of info box
				$('#event').show();

				// Hide loading image
				$('#loading').hide();

			}
		});
	});

	// Close popup
	$('#event_close').click(function(){
		$('#event').hide();
		return false;
	});

});