var t;
var endpoint = 0;
function scroller(direction, landpoint)
{
	//alert(landpoint + " - " + endpoint + " - " + direction);
	if(direction == "left" && landpoint != endpoint)
	{
		if(parseInt(document.getElementById("scoller_content").style.left) >= landpoint)
		{
			document.getElementById("scoller_content").style.left = parseInt(document.getElementById("scoller_content").style.left) - 10 + "px";
			t = setTimeout("scroller('" + direction + "', " + landpoint + ")", 0);
		}
		else
		{
			if(direction == "right" && landpoint == 0){ document.getElementById("id_arrow_lt").src = "images/arrow_lt_end.gif"; }
			else{ document.getElementById("id_arrow_lt").src = "images/arrow_lt.gif"; }
			if(direction == "left" && endpoint - landpoint == -318){ document.getElementById("id_arrow_rt").src = "images/arrow_rt_end.gif"; }
			else{ document.getElementById("id_arrow_rt").src = "images/arrow_rt.gif"; }
			document.getElementById("scoller_content").style.left = landpoint + "px";
			clearTimeout(t);
		}
	}

	if(direction == "right" && landpoint != 318)
	{
		if(parseInt(document.getElementById("scoller_content").style.left) <= landpoint)
		{
			document.getElementById("scoller_content").style.left = parseInt(document.getElementById("scoller_content").style.left) + 10 + "px";
			t = setTimeout("scroller('" + direction + "', " + landpoint + ")", 0);
		}
		else
		{
			if(direction == "right" && landpoint == 0){ document.getElementById("id_arrow_lt").src = "images/arrow_lt_end.gif"; }
			else{ document.getElementById("id_arrow_lt").src = "images/arrow_lt.gif"; }
			if(direction == "left" && endpoint - landpoint == -318){ document.getElementById("id_arrow_rt").src = "images/arrow_rt_end.gif"; }
			else{ document.getElementById("id_arrow_rt").src = "images/arrow_rt.gif"; }
			document.getElementById("scoller_content").style.left = landpoint + "px";
			clearTimeout(t);
		}
	}
}