$(document).ready(function()
{
	var L = $(".WorldTraveller .Left");
	var R = $(".WorldTraveller .Right");
	var Current = 0;
	var Width = $(".WorldTraveller span").width();
	var Total = $(".WorldTraveller span").size();
	$(L).click(Click);
	$(R).click(Click);
	$(".WorldTraveller span:first").show();
	
	function Click()
	{
		var direction = 1;
		if ($(this).hasClass("Left"))
		{
			direction = -1;
		}
		var NewIndex = Current + direction;
		if (NewIndex < Total && NewIndex > -1)
		{
			// Outgoing
			var Target = -Width;
			if (direction == -1)
			{
				Target = Width;
			}
			$(".WorldTraveller span").eq(Current).stop().animate({left:Target}, 500, "easeOutExpo");
			
			// Incoming
			var Incoming = $(".WorldTraveller span").eq(NewIndex);
			var Start = Width;
			if (direction == -1) Start = -Width;
			$(Incoming).css({left:Start});
			$(Incoming).show();
			$(Incoming).stop().animate({left:0}, 500, "easeOutExpo");
			
			Current = NewIndex;
		}
		return false;
	}
});