/**
*
*  图层拖拽方法使用说明：
*	一、使用方法：
*	 1.在网页 page 下 script 里写入全局变量：
*	  var moveDivId,moveDivLeft,moveDivTop,onMouseDownState;
*	  注意：不写入全局变量会报错。
*	 2.在鼠标焦点拖动的位置写入 onMouseDown 事件：
*	  onmousedown="moveDivId='DivId';moveDivDown(event);"
*	  分析：onMouseDown 事件内有两句语句分别为：
*		  moveDivId='DivId'  为全局变量赋值，值为你要拖动的 div 层的 id 名。注：position:absolute;
*		  moveDivDown(event);  运行点下鼠标事件，并传入些事件(无需改动)
*	二、图层拖动各属性方法说明：
*		属性：
*		moveDivId                          要拖动的图层 id
*		moveDivLeft                        图层原始居左距离
*		moveDivTop                         图层原始居上距离
*		onMouseDownState                   鼠标是否按下，按下为 true ，抬起为 false
*		方法：
*		void moveDivDown(event ev)         鼠标按下后的初始化
*		void moveDivUp()                   鼠标抬起后还原变量
*		void moveDiv(event ev)             鼠标移动控制图层位置
*		object getMousePosition(event ev)  返回当前鼠标x,y位置 this.x 为 left 距离， this.y 为 top 距离
*/
function moveDivDown(ev){
	var ID = document.getElementById(moveDivId);
	onMouseDownState = true;
	ev = ev || window.event;
	var mouse = getMousePosition(ev);
	if(typeof ID.style.left=="undefined" || ID.style.left==null || ID.style.left==""){
		if(ID.offsetLeft=="undefined" || ID.offsetLeft==null){
			ID.style.left = "0px;";
		}else{
			ID.style.left = ID.offsetLeft + "px";
		}
	}
	if(typeof ID.style.top=="undefined" || ID.style.top==null || ID.style.top==""){
		if(ID.offsetTop=="undefined" || ID.offsetTop==null){
			ID.style.top = "0px;";
		}else{
			ID.style.top = ID.offsetTop + "px";
		}
	}
	moveDivLeft = mouse.x - parseInt(ID.style.left);
	moveDivTop  = mouse.y - parseInt(ID.style.top);
	mouse = null;
	if(document.addEventListener){ 
		document.addEventListener('mousemove', moveDiv,true); 
		document.addEventListener('mouseup', moveDivUp,true); 
	}else if(document.attachEvent){ 
		document.attachEvent('onmousemove',moveDiv); 
		document.attachEvent('onmouseup',moveDivUp); 
	}
}
function moveDivUp(){
	onMouseDownState = false;
	moveDivLeft = null;
	moveDivTop = null;
	moveDivId = "";
}
function moveDiv(ev)
{
	if(typeof onMouseDownState!="undefined" && onMouseDownState)
	{
		var ID = document.getElementById(moveDivId);
		ev = ev || window.event;
		var mouse = getMousePosition(ev);
		ID.style.left = (mouse.x - moveDivLeft) + "px";
		ID.style.top =  (mouse.y - moveDivTop) + "px";
		mouse = null;
	}
}
function getMousePosition(ev){
	if(ev.pageX || ev.pageY){
		return {x:ev.pageX, y:ev.pageY};
	}
	return {
		x:ev.clientX + document.body.scrollLeft - document.body.clientLeft,
		y:ev.clientY + document.body.scrollTop  - document.body.clientTop
	};
}