$(document).ready(function()
{
	var delay = 10000; // milliseconds
	var current = 1;
	var old = 0;
	var width = 180;
	
	$("#events-container ul li:nth-child("+ current +")").attr("style", "left: 0px;");
	$("#events-menu .date").html($("#events-container ul li:nth-child("+ current +") div.date").html());
	$("#events-menu .previous").attr("style", "visibility: hidden");
	
	if($("#events-container ul").children().length <= 1)
	{
		$("#events-menu .next").attr("style", "visibility: hidden");
	}
	
	$("#events-menu .next").click(function()
	{
		next();
		return false;
	});
	
	$("#events-menu .previous").click(function()
	{
		previous();
		return false;
	});
	
	function next()
	{
		old = current;
		current++;

		if (current == $("#events-container ul").children().length)
		{
			$("#events-menu .next").attr("style", "visibility: hidden");
		}
		
		if (current == $("#events-container ul").children().length + 1)
		{
			current = 1;
		}

		if (current > 1 && $("#events-container ul").children().length > 1)
		{
			$("#events-menu .previous").attr("style", "visibility: visible");
		}


		$("#events-menu .date").html($("#events-container ul li:nth-child("+ current +") div.date").html());
		animateLeft();
	}
	
	function previous()
	{
		old = current;
		current--;
		
		if (current == 0)
		{
			current = $("#events-container ul").children().length
		}
		
		if (current == 1)
		{
			$("#events-menu .previous").attr("style", "visibility: hidden");
		}
		
		if (current < $("#events-container ul").children().length && $("#events-container ul").children().length > 1)
		{
			$("#events-menu .next").attr("style", "visibility: visible");
		}
		
		$("#events-menu .date").html($("#events-container ul li:nth-child("+ current +") div.date").html());
		animateRight();
	}
	
	function animateLeft()
	{
		$("#events-container ul li:nth-child("+ current +")").css("left", width +"px");
		$("#events-container ul li:nth-child("+ current +")").animate({"left": "0px"}, 400, "swing");
		$("#events-container ul li:nth-child("+ old +")").animate({"left": -width+"px"}, 400, "swing");
	}
	
	function animateRight()
	{
		$("#events-container ul li:nth-child("+ current +")").css("left", -width +"px");
		$("#events-container ul li:nth-child("+ current +")").animate({"left": "0px"}, 400, "swing");
		$("#events-container ul li:nth-child("+ old +")").animate({"left": width+"px"}, 400, "swing");
	}
});