function reDrawScroll()
{
	outerwidth = parseInt($('#scroll').css('width'));
	//innerwidth = parseInt($('#lenta').css('width'));
	innerwidth = document.getElementById('lenta').clientWidth;
	$('#scroll').css('overflow', 'hidden');
	//$('#debug').text('DEBUG: outer='+outerwidth+', inner='+innerwidth);
	chck = parseInt( $('#lenta').css('margin-left'));
	expr = outerwidth - innerwidth;
	$('#lenta').css('margin-left', 0+'px')
	if( outerwidth < innerwidth )$('img.back').show();
	else $('img.back').hide();
	if( chck > expr )$('img.forward').show();
}

function scrollLeft()
{
	chck = parseInt( $('#lenta').css('margin-left'));
	expr = outerwidth - innerwidth;
	if( chck > expr )
	{
		$('#lenta').css('margin-left', parseInt( $('#lenta').css('margin-left')) - 10 + 'px');
		$('img.back').show();
	}
	else
	{
		clearInterval(scrolltimer);
		//$('img.back').hide();
	}
	if( chck < 0 )$('img.forward').show();
	//else $('img.forward').hide();
}

function scrollRight()
{
	chck = parseInt( $('#lenta').css('margin-left'));
	expr = outerwidth - innerwidth;
	if( chck < 0 )
	{
		$('#lenta').css('margin-left', parseInt( $('#lenta').css('margin-left')) + 10 + 'px');
		$('img.forward').show();
	}
	else
	{
		clearInterval(scrolltimer);
		//$('img.forward').hide();
	}
	
	if( chck > expr )$('img.back').show();
	//else $('img.back').hide();
}

$(document).ready(function(){
	reDrawScroll();
	
	$('img.back').hover(function(){
		scrolltimer=window.setInterval( scrollLeft  ,40);	
		});
	
	$('img.forward').hover(function(){
		scrolltimer=window.setInterval( scrollRight  ,40);	
		});
	
	$('img.back, img.forward').mouseout(function(){
		clearInterval(scrolltimer);
		});
	
	})