﻿    var p=1;
    var prep;
    var imgp;
    var px;
    var py;
    var msx;
    var msy;
    var tmpx;
    var tmpy;
    var dx=0;
    var dy=0;
    var dragfg=false;
    var bImgdragfg=false;
    function pDrag(e){
        if(dragfg){
            var pcon=document.getElementById("ctlCenter");
            var pdiv=document.getElementById("dragDiv");
            var pimg=document.getElementById("pre");
            var dltx=e.clientX-tmpx;
            var dlty=e.clientY-tmpy;
            var marl=(pcon.clientWidth-pimg.width)/2;
            var marr=marl+pimg.width-pdiv.clientWidth;
            var mart=(pcon.clientHeight-pimg.height)/2;
            var marb=mart+pimg.height-pdiv.clientHeight;
            var divt=parseInt(pdiv.style.top);
            var divl=parseInt(pdiv.style.left);
            var demox=divl+dltx;
            var demoy=divt+dlty;
            if((demox>=marl) && (demox+2<=marr)) pdiv.style.left=demox+"px";
            if((demoy>=mart) && (demoy+2<=marb)) pdiv.style.top=demoy+"px";
            var scrLeft=parseInt(document.getElementById("dragDiv").style.left)-(document.getElementById("ctlCenter").clientWidth-document.getElementById("pre").width)/2;
            var scrTop=parseInt(document.getElementById("dragDiv").style.top)-(document.getElementById("ctlCenter").clientHeight-document.getElementById("pre").height)/2;
            var ppp=document.getElementById("imgShow").clientWidth/document.getElementById("dragDiv").clientWidth;	    
            o.scrollTop=scrTop*ppp;
            o.scrollLeft=scrLeft*ppp;
            tmpx=e.clientX;
            tmpy=e.clientY;
        }
    }
    function sDrag(e)
    {
        var temp = (typeof e.target != "undefined")?e.target:e.srcElement;
        dx=0;
        dy=0;
        if(!dragfg) {
            msx=e.clientX;
            msy=e.clientY;
        }
        if(temp.id=="inDrag"){
            dragfg=true;
            px=(typeof(e.offsetX)=="undefined")?e.layerX-2:e.offsetX;
            py=(typeof(e.offsetY)=="undefined")?e.layerY-2:e.offsetY;
            tmpx=e.clientX;
            tmpy=e.clientY;
        }
    }
    function eDrag(e){
        dragfg=false;
    }

    function onPicDrag(e)
    {
	    if(bImgdragfg && blIsimgDrag)
	    {
	        document.getElementById("imgShow").style.cursor = "move";
	        var pcon=document.getElementById("ctlCenter");
            var pdiv=document.getElementById("dragDiv");
            var pimg=document.getElementById("pre");
            var dltx=e.clientX-tmpx;
            var dlty=e.clientY-tmpy;
            var marl=(200-pimg.width)/2;
            var marr=marl+pimg.width-pdiv.clientWidth;
            var mart=(200-pimg.height)/2;
            var marb=mart+pimg.height-pdiv.clientHeight;
            var mdiv=document.getElementById("imgShow");
            var divt=parseInt(mdiv.style.top);
            var divl=parseInt(mdiv.style.left);
            var demox=divl+dltx;
            var demoy=divt+dlty;
	    o.scrollTop -= dlty;
            document.getElementById("dragDiv").style.top =(document.getElementById("ctlCenter").clientHeight-document.getElementById("pre").height)/2+o.scrollTop*prep+"px";
            o.scrollLeft -= dltx;
            document.getElementById("dragDiv").style.left =(document.getElementById("ctlCenter").clientWidth-document.getElementById("pre").width)/2+o.scrollLeft*prep+"px";
            tmpx=e.clientX;
            tmpy=e.clientY;
	    }

    }

    function onPicDragStart(e)
    {

        var temp = (typeof e.target != "undefined")?e.target:e.srcElement;
        dx=0;
        dy=0;
        if(!bImgdragfg) {
            msx=e.clientX;
            msy=e.clientY;
        }
        if(temp.id=="pic"){
            bImgdragfg=true;
            document.getElementById("imgShow").style.cursor = "move";
            px=(typeof(e.offsetX)=="undefined")?e.layerX-2:e.offsetX;
            py=(typeof(e.offsetY)=="undefined")?e.layerY-2:e.offsetY;
            tmpx=e.clientX;
            tmpy=e.clientY;
        }
    }

    function onPicDragEnd(e){
	    bImgdragfg=false;	    
    }
var domidstr="11,12,234,235,678,679,75,90";

function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}