// JScript 文件
var DropObj;

//照片当前尺寸
var currWidth, currHeight;


function dragStart(dragObj)
{	
    currWidth=document.getElementById("image1").offsetWidth;
    currHeight=document.getElementById("image1").offsetHeight;
    /***************开始拖动 ****************/
    DropObj = dragObj;
    if(!document.getElementById("moveDiv"))
    {		    
        document.body.insertAdjacentHTML('beforeEnd','<div id="moveDiv" style="display:none;position:absolute;left:354px; top:17px; height: 18px; filter:Alpha(opacity=60);" ></div>')
    }
    imgX=event.clientX-parseInt(dragObj.style.left);
    imgY=event.clientY-parseInt(dragObj.style.top);
    $(moveDiv).style.left=(event.clientX-imgX+0)+"px";	
    $(moveDiv).style.top=(event.clientY-imgY+0)+"px";	
    $(moveDiv).style.display=""
    $(moveDiv).innerHTML=dragObj.innerHTML
    BeginDrag($(moveDiv),event)
    if(document.attachEvent) { //IE5+ 的事件模型
     document.attachEvent("onmouseup",dragEnd);
     
      }

    //我们处理了该事件,不要再让其他元素看见.
    if(event.stopPropagation) event.stopPropagation(); //2 级DOM
    else event.cancelBubble=true;	//IE
	
    //下面禁止执行默认动作
    if(event.preventDefault) event.preventDefault();  //2级DOM
    else event.returnValue=false;	//IE
    
    function dragEnd()
    {	
        dragObj.style.left=(event.clientX-imgX)+"px";	
        dragObj.style.top=(event.clientY-imgY)+"px";
        $(moveDiv).style.display="none"
        document.detachEvent("onmouseup",dragEnd);
	        //不要再让事件进一步传播.
        if(event.stopPropagation) event.stopPropagation();  //2级DOM
        else event.cancelBubble=true;	//IE
        
//        SavePoint(dragObj,ViewName);
    }
}

//拖动
function BeginDrag(elementToDrag,event)  {

    //计算元素原左上角与鼠标的距离
    //moveHandler要这值

    var delatX=event.clientX-parseInt(elementToDrag.style.left);
    //alert("1:"+delatX)
    var delatY=event.clientY-parseInt(elementToDrag.style.top);

    //注册响应mousemove和mousedown事件后的mouseup事件的处理程序

    if(document.addEventListener) {  //2级DOM事件模型
    //注册捕捉事件处理程序。
    document.addEventListener("mousemove",moveHandler,true);
    document.addEventListener("mouseup",upHandler,true);
    }
    else if(document.attachEvent) { //IE5+ 的事件模型
    //在IE事件模型中，我们不能捕捉事件，所以只有当事件起泡到这些处理程序时,
    //它们才被触发. 假设不存在干涉元素, 处理了事件后它们就停止传播
    document.attachEvent("onmousemove",moveHandler);
    document.attachEvent("onmouseup",upHandler);
    }
    else { //IE4事件模型
    //IE4我们不能使用attachEvent方法,所以存储了以前赋予的处理
    //程序后,直接赋予新的事件处理程序,这样可以恢复旧的处理程序.
    //注意,这样依赖于事件起泡.
    var oldmovehandler=document.onmousemove;
    var olduphandler=document.onmouseup;
    document.onmousemove=moveHandler;
    document.onmouseup=upHandler;
    }

    //我们处理了该事件,不要再让其他元素看见.
    if(event.stopPropagation) event.stopPropagation(); //2 级DOM
    else event.cancelBubble=true;	//IE
	
    //下面禁止执行默认动作
    if(event.preventDefault) event.preventDefault();  //2级DOM
    else event.returnValue=false;	//IE

    /*  这是元素被拖动时捕捉mousemove事件的处理程序.
     *  它负责移动元素
     */
	
    function moveHandler(e)  {
        if(!e) e=window.event;	//IE事件模型;
        //把元素移动到鼠标当前的位置,根据初始鼠标点击的偏移量进行调整
        //alert(delatX)
        //alert(e.clientX)
        elementToDrag.style.left=(e.clientX-delatX)+"px";
        elementToDrag.style.top=(e.clientY-delatY)+"px";
    	
        //不要再让其他元素看到该事件.
        if(e.stopPropagation) e.stopPropagation();  //2级DOM
        else e.cancelBubble=true;	//IE
    }

    /*  这是捕捉拖移结束最后发生的mouseup事件的处理程序.
     */
    function upHandler(e)
    {
        if(!e) e=window.event;	//IE事件模型.
        //注销捕捉事件程序.
        if(document.removeEventListener) {	//DOM事件模型
            document.removeEventListener("mouseup",upHandler,true);
            document.removeEventListener("mousemove",moveHandler,true);	
        }
        else if(document.detachEvent) {	//IE5+ 事件模型
            document.detachEvent("onmouseup",upHandler);
            document.detachEvent("onmousemove",moveHandler);
        }
        else  {	//IE事件模型
            document.onmouseup=olduphandler;
            document.onousemove=oldmovehandler;
        }
        //不要再让事件进一步传播.
        if(e.stopPropagation) e.stopPropagation();  //2级DOM
        else e.cancelBubble=true;	//IE
        
        //如果超出照片范围
        if( (DropObj.offsetLeft + DropObj.offsetWidth) > currWidth ) DropObj.style.left=currWidth - DropObj.offsetWidth;
        if( (DropObj.offsetTop + DropObj.offsetHeight) > currHeight ) DropObj.style.top=currHeight - DropObj.offsetHeight;
        //如果超出top left边
        if(DropObj.offsetLeft < 0) DropObj.style.left="0px";
        if(DropObj.offsetTop < 0) DropObj.style.top="0px";

    }	
          
    
}

function $() 
{
  var elements = new Array();
  
  for (var i = 0; i < arguments.length; i++) {
    var element = arguments[i];
    if (typeof(element)== 'string')
      element = document.getElementById(element);

    if (arguments.length == 1) 
      return element;
      
    elements.push(element);
  }  
  return elements;
}

function showInfo(obj)
{
    
}

//function SavePoint(obj,ViewName)
//{
//    var item = obj.id;
//    cReport.ajaxSetPoint(ViewName,item,obj.style.left + "/" + obj.style.top);
//}