	function moveLayer (id, curPos, amountToMove)
	{
		var arrow = document.getElementById(id);
		//var currentPosition = findPos(id)
		var position = curPos+amountToMove
		arrow.style.top=position+'px';
	}
	
	function findPos(id)
	{
		var obj = document.getElementById(id);
		var posX = obj.offsetLeft;
		var posY = obj.offsetTop;
		while(obj.offsetParent)
		{
			posX=posX+obj.offsetParent.offsetLeft;
			posY=posY+obj.offsetParent.offsetTop;
			if(obj==document.getElementsByTagName('body')[0])
			{
				break
			}
			else
			{
				obj=obj.offsetParent;
			}
		}
		return (posY)
	}
	
	function moveArrow (step)
	{
		var id		   = 'arrow'		// name of element to move
		var curPos     = findPos(id) 	// get current Position
		var destPos1   = 190			// destination position
		var destPos2   = 300			// destination position
		var timer      = 2000 			// timer for loop in microseconds
		var interval   = step+1; 			// move x px every initialization
		/*var opInterval = .02; 			// interval for opacity change
		var cOpcty = ((cOpcty + opInterval)<=1) ? cOpcty + opInterval : 1;*/
		
		var arrow = document.getElementById(id);
		
		if (step == 1)
		{
			setTimeout('moveArrow('+interval+')',timer);
		}
		if (step == 2)
		{
			arrow.style.top=destPos1+'px';
			setTimeout('moveArrow('+interval+')',timer);
		}
		if (step == 3)
		{
			arrow.style.top=destPos2+'px';
			setTimeout('moveArrow('+interval+')',timer);
		}
		if (step == 4)
		{
			arrow.style.display='none';
		}
		
		/*if (curPos <  destPos1)
		{
			arrow.style.top=destPos1+'px';
		}
		else
		{
			arrow.style.top=destPos2+'px';
		}*/
	}


