var itemwidth = 143;//set to same width as div.Next7Days ul li
var noDisplayed = 4;
$(document).ready(
	function()
	{
		$("div.Next7Days .arrows a").click(scroll)
	}
);

function scroll(e)
{
	var ul = $("div.Next7Days ul").get(0);
	var noOff = $("div.Next7Days ul li").size();
	var index = parseInt(jQuery.data(ul,"index"));
	var left = parseInt($("div.Next7Days ul").css('left'));
	
	if (isNaN(index))
	{
		//not yet set
		jQuery.data(ul,"index",1);
		index=0;
	}
	
	if ($(this).hasClass('slideleft'))
	{
		if(index > 0)
		{
			index--;
			jQuery.data(ul,"index",index);
		}
	}
	if ($(this).hasClass('slideright'))
	{
		if(index + noDisplayed < (noOff ))
		{
			index++;
			jQuery.data(ul,"index",index);
		}
	}
	//move the ul
	//$(ul).css('left',(0 - (index * itemwidth)) + 'px');	
	$(ul).animate({left:(0 - (index * itemwidth)) + 'px'});
	//stop event
	e.preventDefault();
	return false;
}