// JavaScript Document


function moveElement(elementID,final_x,final_y,interval) {
	if (!document.getElementById) return false;
	if (!document.getElementById(elementID)) return false;
	var elem = document.getElementById(elementID);
	// checking for element-specific variable through property - if already in effect, clears 'movement'
	if (elem.movement) {
		clearTimeout(elem.movement);
	}
	// check to see if top and left style props exist, if not create top and left to avoid errors
	if (!elem.style.left) {
		elem.style.left = "0px";
	}
	if (!elem.style.top) {
		elem.style.top = "0px";
	}
	
	var xpos = parseInt(elem.style.left);
	var ypos = parseInt(elem.style.top);
	if (xpos == final_x && ypos == final_y) {
		return true;
	}
	if (xpos < final_x) {
		var dist = Math.ceil((final_x - xpos)/4);
		xpos = xpos + dist;
	}
	if (xpos > final_x) {
		var dist = Math.ceil((xpos - final_x)/4);
		xpos = xpos - dist;
	}
	if (ypos < final_y) {
		var dist = Math.ceil((final_y - ypos)/4);
		ypos = ypos + dist;
	}
	if (ypos > final_y) {
		var dist = Math.ceil((ypos - final_y)/4);
		ypos = ypos - dist;
	}
	elem.style.left = xpos + "px";
	elem.style.top = ypos + "px";
	// make variable to store arguments
	var repeat = "moveElement('"+elementID+"',"+final_x+","+final_y+","+interval+")";
	// element-specific variable through property - changed from global variable to fix multi mouseover tugOwar
	elem.movement = setTimeout(repeat,interval);
}


addLoadEvent(moveElement);