$(document).ready( function() {

	

	/*Timeline page. */

	if ($("#timeline").length > 0) {

		

		$("#timeline li .notch").mousedown ( function() {

			

			//Define the current object.

			var notch = $(this);

			

			//Remove the "selected-event" class from all other list items.

			$("#timeline li").removeClass("selected-event");

			

			//Add the "selected-event" class to this list item.

			$(this).parents("li").addClass("selected-event");

				

			//Get the event id.

			var eventId = $(this).parents("li").attr("id");

			

			//Hide all event content.

			$(".event-content").addClass("hidden");

			

			//Show the content for this event.

			$("#"+eventId+"-content").removeClass("hidden");			

		});

		

		//Show/hide the descriptions as necessary.

		$("#timeline li .notch").each ( function() {

			

			//Get the event id.

			var eventId = $(this).parents("li").attr("id");

			

			//Is this event selected?

			var selected = $(this).parent().hasClass("selected-event");

			

			//Show the description.

			if (selected) {

				

				//Show the description.

				$("#"+eventId+"-content").removeClass("hidden");


			//Hide the description.

			} else {

				$("#"+eventId+"-content").addClass("hidden");

			}

		});

	}

});