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;
    topMove3.to=clientY + 100;
    leftMove3.beginElement();
    topMove3.beginElement();

    leftMove4.to=clientX;
    topMove4.to=clientY + 150;
    leftMove4.beginElement();
    topMove4.beginElement();

    leftMove5.to=clientX;
    topMove5.to=clientY + 200;
    leftMove5.beginElement();
    topMove5.beginElement();

    leftMove6.to=clientX + 50;
    topMove6.to=clientY;
    leftMove6.beginElement();
    topMove6.beginElement();

    leftMove7.to=clientX + 50;
    topMove7.to=clientY + 50;
    leftMove7.beginElement();
    topMove7.beginElement();

    leftMove8.to=clientX + 50;
    topMove8.to=clientY + 100;
    leftMove8.beginElement();
    topMove8.beginElement();

    leftMove9.to=clientX + 50;
    topMove9.to=clientY + 150;
    leftMove9.beginElement();
    topMove9.beginElement();

    leftMove10.to=clientX + 50;
    topMove10.to=clientY + 200;
    leftMove10.beginElement();
    topMove10.beginElement();

    leftMove11.to=clientX;
    topMove11.to=clientY + 250;
    leftMove11.beginElement();
    topMove11.beginElement();
}

function showMenu()
{
	for(i=1; i <= 11; 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 <= 5; 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 = 6; i <= 10; i++)
	{
		eval('document.all.oBox'+i+'.style.pixelLeft = document.body.clientWidth - 100;')
		eval('document.all.oBox'+i+'.style.pixelTop = '+j+';')
		j+=50;
	} 
	
	document.all.oBox11.style.pixelLeft = document.body.clientWidth - 150;
	document.all.oBox11.style.pixelTop = j;

}



  

