var inMotion = false;
var originalX;
var originalY;
var oldX;
var oldY;
var newX;
var newY;
var xDif;
var yDif;

function HideElement(targetName)
	{
	var target = document.getElementById(targetName);

	alert("Initial visibility:" + target.visibility);
	target.visibility = "hidden";
	alert("HideElement was called for " + targetName);
	}
	
function ShrinkDiv(targetName)
	{
	var target = document.getElementById(targetName);
	var startHeight = target.clientHeight;
	var tallHeight = 400;
	var shortHeight = 0;

	alert("startHeight:" + startHeight );

	if( startHeight < tallHeight)
		{
		for ( i = startHeight; i <= tallHeight; i++)
			target.style.height=i;
		target.visible = 'true';	
		}
	else
		{
		for (i = startHeight; i > shortHeight; i--)
			target.style.height = i;
		target.style.visible = false;	
		}
	alert("i:" + i);	
	}


function ShowMenu(targetId, menuId, bShow)
	{
	var menuCell = document.getElementById(targetId);
	if (!menuCell)
		return;

	var menuText = document.getElementById(menuId);
	

	if(bShow)
		{
		menuText.style.visibility = "visible";	
		menuText.style.width=100;
		for (i = 3; i <= 100; i++)
			{
			menuCell.style.width = i;
			setTimeout("",1000);
			}
		
		}
	else
		{
		menuText.style.visibility = "hidden";	
		menuText.style.width=3;
		for (i = 100; i > 3; i--)
			{
			menuCell.style.width = i;
			setTimeout("",1000);
			}

		}

	}
function BeginMove(target)
	{
	inMotion = true;
	oldX = event.clientX;
	oldY = event.clientY;
	originalX = oldX;
	originalY = oldY;
	}

function EndMove(target)
	{
	inMotion = false;
	oldX = event.clientX;
	oldY = event.clientY;

	target.style.left = originalX;
	target.style.top = originalY;

	var testElement = document.elementFromPoint(oldX, oldY);

	alert("testElement.id: " + testElement.id + "\r\n"
		+ "target.id: " + target.id + "\r\n"
		+ "testElement.name: " + testElement.name + "\r\n"
		+ "target.name: " + target.name);
	}

function MoveTarget(target)
	{
	if (inMotion)
		{
		newX = event.clientX;
		newY = event.clientY;
		xDif = newX - oldX;
		yDif = newY - oldY;

		oldX = newX;
		oldY = newY;

		target.style.left = target.offsetLeft + xDif;
		target.style.top = target.offsetTop + yDif;
		}
	}

function AddElement(target)
	{
	var testElement = document.elementFromPoint(100,200);

	alert("testElement.id: " + testElement.id + "\r\n"
		+ "target.id: " + target.id + "\r\n"
		+ "testElement.name: " + testElement.name + "\r\n"
		+ "target.name: " + target.name);

	}

function ToggleVisibility(targetName, bIsVisible)
	{
	var target = document.getElementById(targetName);

	if (!bIsVisible)
		{
		target.style.visibility = "hidden";	
		}
	else
		{
		target.style.visibility = "visible";
		}
	}