// JavaScript Document
<!--
// final_x,
function moveElement(elementID, final_y, interval){
	
	if(!document.getElementsByTagName) return false; 
	if(!document.getElementById) return false; 
	if(!document.getElementById(elementID)) return false;
	
	var elem = document.getElementById(elementID);
	var shiftval = elem.parentNode.clientHeight;
	var maxtop = (0 - (elem.scrollHeight) + shiftval);
	var maxbtm = 0;
	
	if(elem.movement){
		clearTimeout(elem.movement);
	}
	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);
	
	// xpos == final_x &&
	if( ypos == final_y){
		return true;
	}
	
	/*if(xpos < final_x){
		var dist = Math.ceil((final_x - xpos)/10);
		xpos = xpos + dist;
	}
	if(xpos > final_x){
		var dist = Math.ceil((final_x - xpos)/10);
		xpos = xpos - dist;
	}*/
	if(ypos < final_y){
		if(ypos >= maxbtm){
			return true;
		}else{
			var dist = Math.ceil((final_y - ypos)/10);
			ypos = ypos + dist;
		}
	}
	if(ypos > final_y){
		if(ypos <= maxtop){
			return true;
		}else{
			var dist = Math.ceil((final_y - ypos)/10);
			ypos = ypos + dist;
		}
	}
	
	// elem.style.left = xpos + "px";
	elem.style.top = ypos + "px";
	// +final_x+","
	var repeat = "moveElement('"+elementID+"',"+final_y+","+interval+")";
	elem.movement = setTimeout(repeat,interval);
}
-->