function click_animate()
{
    var mouseLeft = null;
    var mouseTop = null;
    mouseLeft=event.clientX;
    mouseTop=event.clientY;
	showMenu();
	moveBox(mouseLeft, mouseTop);
}

function moveBox(clientX, clientY)
{
    leftMove1.to=clientX;
    topMove1.to=clientY;
    leftMove1.beginElement();
    topMove1.beginElement();

    leftMove2.to=clientX;
    topMove2.to=clientY + 50; 
    leftMove2.beginElement();
    topMove2.beginElement();

    leftMove3.to=clientX + 50;
    topMove3.to=clientY;
    leftMove3.beginElement();
    topMove3.beginElement();

    leftMove4.to=clientX + 50;
    topMove4.to=clientY + 50;
    leftMove4.beginElement();
    topMove4.beginElement();

    leftMove5.to=clientX;
    topMove5.to=clientY + 100;
    leftMove5.beginElement();
    topMove5.beginElement();
}

function showMenu()
{
	for(i=1; i <= 5; i++)
	{
		eval("oBox" + i + ".style.display='block';");
	}
}

function PositionLayer()
{
	var startX = null;
	startX = document.body.clientWidth - 150;
	showMenu();
	moveBox(startX, 20);
}

function MoveToStart()
{

	showMenu();
	
	var j = 20;
	for( i = 1; i <= 2; i++)
	{
		eval('document.all.oBox'+i+'.style.pixelLeft = document.body.clientWidth - 150;')
		eval('document.all.oBox'+i+'.style.pixelTop = '+j+';')
		j+=50;
	} 

	var j = 20;
	for( i = 3; i <= 4; i++)
	{
		eval('document.all.oBox'+i+'.style.pixelLeft = document.body.clientWidth - 100;')
		eval('document.all.oBox'+i+'.style.pixelTop = '+j+';')
		j+=50;
	} 
	
	document.all.oBox5.style.pixelLeft = document.body.clientWidth - 150;
	document.all.oBox5.style.pixelTop = j;

}



  

