$(function()
{
	$("#timeline #slides .slide:not(#timeline #slides .slide:first)").hide();
	$("#lines a").mouseover(function(e)
	{
		x = e.pageX;
		y = e.pageY - 30;
		$("body").append('<div id="timeline-title" style="left: ' + x + 'px; top: ' + y + 'px;">' + $(this).text() + '</div>');
	}).mouseout(function()
	{
		$("#timeline-title").remove();
	}).click(function()
	{
		$link = $(this);
		$("#lines a.active").removeClass("active");
		$link.addClass("active");
		slide = $("#lines a").index($link);
		$("#timeline #slides .slide:visible").fadeOut(400, function()
		{
			$("#timeline #slides .slide:eq(" + slide + ")").fadeIn(400);
		});
		return false;
	});
	$("#lines").cycle(
	{
		fx: "scrollHorz",
		speed: 500,
		timeout: 0,
		prev: $("#timeline a.btn_prev"),
		next: $("#timeline a.btn_next")
	});
});