﻿

function Hello() {}




function scroll( id, x2, y2 )
{
	scrollReady = false;
	if( scrollTimeout ) window.clearTimeout( scrollTimeout );
	var el = document.getElementById( id );
	var x1 = parseInt( el.style.left );
	var xd = (x2 - x1) / 7;
	if( xd > 0 && xd < 1  ) xd =  1;
	if( xd < 0 && xd > -1 ) xd = -1;
	var xv = xd + x1;
	el.style.left = xv +"px";
	var y1 = parseInt( el.style.top );
	var yd = (y2 - y1) / 7;
	if( yd > 0 && yd < 1  ) yd =  1;
	if( yd < 0 && yd > -1 ) yd = -1;
	var yv = yd + y1;
	el.style.top  = yv +"px";
	if( Math.abs( xd ) > 1 || Math.abs( yd ) > 1 )
	{
		scrollTimeout = window.setTimeout( "scroll('"+ id +"',"+ x2 +","+ y2 +")", 10 );
	}
	else
	{
		el.style.left = x2 +"px";
		el.style.top  = y2 +"px";
		//alert( "Done Scrolling !" );
		window.setTimeout( "scrollReady = true", 100 );
	};
};
function scrollLeft( id, px )
{
	var x2 = x1;
	var el = document.getElementById( id );
	var x1 = parseInt( el.style.left );
	if( x1 < 0 ) x2 = x1 + px;
	var y1 = parseInt( el.style.top  );
	var y2 = y1;
	scroll( id, x2, y2 );
};
function scrollRight( id, px )
{
	var x2 = x1;
	var el = document.getElementById( id );
	var x1 = parseInt( el.style.left );
	if( x1 *-1 < parseInt( el.style.width ) ) x2 = x1 - px;
	var y1 = parseInt( el.style.top  );
	var y2 = y1;
	scroll( id, x2, y2 );
};
var scrollTimeout = window.setTimeout( "Hello()", 100 );
var scrollReady = true;




