/**
 * Moves a div horizontally
 *
 * @param divName name of div
 * @param xDistanceEachTime number of pixels to move div horizontally each time
 * @param yDistanceEachTime number of pixels to move div vertically each time
 * @param numOfMoves the remaining number of moves
 * @param interval the time to wait between each move (5 pixels)
 */
function moveDiv(divName, xDistanceEachTime, yDistanceEachTime, numOfMoves, interval, timeoutObject)
{
  // get the stylesheet
  //
	var divToMove = document.getElementById(divName);

	if (numOfMoves > 0) {

		var currentLeft = parseInt(getCSSProperty(divToMove, "left", "left"));
		var currentTop = parseInt(getCSSProperty(divToMove, "top", "top"));
	
      		divToMove.style.left = currentLeft + xDistanceEachTime + "px";	
      		divToMove.style.top = currentTop + yDistanceEachTime + "px";	
    
    		timeoutObject = setTimeout("moveDiv('" + divName + "'," + xDistanceEachTime + "," + yDistanceEachTime + "," + --numOfMoves + "," + interval + ", " + timeoutObject + ");",interval);
	}
}

/**
 * Gets current CSS property
 *
 * @param element 
 * @param propName propertyName
 * @param nsPropName mozilla propertyName
 * @return the property value
 */
function getCSSProperty(element, propName, nsPropName) {

	if (window.getComputedStyle) {
  		return window.getComputedStyle(element,null).getPropertyValue(nsPropName);
	} else if (element.currentStyle) {
  		return element.currentStyle[propName];
	}
}