



	
function Marquee(parentNId, childNId, toDirection, speed, toD01, toD02)
{
	
	var parentN = document.getElementById(parentNId);
	var childN = document.getElementById(childNId);
		childN.innerHTML += childN.innerHTML;
	
	var MyMar = setInterval(function(){moveToD(parentN, childN, toDirection)}, speed);
	
	bindEvent(parentN, "mouseover", function()
	{
		if(MyMar){clearInterval(MyMar);}
	});
	
	bindEvent(parentN, "mouseout", function()
	{
		MyMar=setInterval(function(){moveToD(parentN, childN, toDirection)}, speed);
	});
	
	if(document.getElementById(toD01) && document.getElementById(toD02))
	{
		var toBtn01 = document.getElementById(toD01);
		var toBtn02 = document.getElementById(toD02);
		
		bindEvent(toBtn01, "click", function()
		{
			if(MyMar){clearInterval(MyMar);}
			toDirection = toD01;
			MyMar=setInterval(function(){moveToD(parentN, childN, toD01)}, speed);
		});
		
		bindEvent(toBtn02, "click", function()
		{
			if(MyMar){clearInterval(MyMar);}
			toDirection = toD02;
			MyMar=setInterval(function(){moveToD(parentN, childN, toD02)}, speed);
		});
	}	
}

function moveToD(parentN, childN, toDirection)
{
	if(toDirection == "toLeft_")
	{
		if(parentN.scrollLeft >= childN.scrollWidth/2)
		{
			parentN.scrollLeft = 0;
		}
		
		else
		{
			parentN.scrollLeft++;
		}
	}
	else if(toDirection == "toRight_")
	{
		if(parentN.scrollLeft <= 0)
		{
			parentN.scrollLeft = childN.scrollWidth/2;
		}
		
		else
		{
			parentN.scrollLeft--;
		}
	}
	else if(toDirection == "toTop_")
	{
		if(parentN.scrollTop >= childN.scrollHeight/2)
		{
			parentN.scrollTop = 0;
		}
		
		else
		{
			parentN.scrollTop++;
		}
	}
	else if(toDirection == "toBottom_")
	{
		if(parentN.scrollTop <= 0)
		{
			parentN.scrollTop = childN.scrollHeight/2;
		}
		
		else
		{
			parentN.scrollTop--;
		}
	}
}






