isIE=document.all;
isNN=!document.all&&document.getElementById;
isN4=document.layers;
isHot=false;
function ddInit(e){
  topDog=isIE ? "BODY" : "HTML";
  hotDog=isIE ? event.srcElement : e.target;
  idx=hotDog.id.substr(hotDog.id.length-1,1);
  whichDog=isIE ? eval("document.all.divpop" + idx) : document.getElementById("divpop" + idx);  
  while (hotDog.id!=hotDog.id&&hotDog.tagName!=topDog){
    hotDog=isIE ? hotDog.parentElement : hotDog.parentNode;
  }  
  if (hotDog.id){
    offsetx=isIE ? event.clientX : e.clientX;
    offsety=isIE ? event.clientY : e.clientY;
    nowX=parseInt(whichDog.style.left);
    nowY=parseInt(whichDog.style.top);
    ddEnabled=true;
    document.onmousemove=dd;
  }
}
function dd(e){
  if (!ddEnabled) return;
  whichDog.style.left=isIE ? nowX+event.clientX-offsetx : nowX+e.clientX-offsetx; 
  whichDog.style.top=isIE ? nowY+event.clientY-offsety : nowY+e.clientY-offsety;
  return false;  
}
function ddN4(whatDog){
  if (!isN4) return;
  N4=eval(whatDog);
  N4.captureEvents(Event.MOUSEDOWN|Event.MOUSEUP);
  N4.onmousedown=function(e){
    N4.captureEvents(Event.MOUSEMOVE);
    N4x=e.x;
    N4y=e.y;
  }
  N4.onmousemove=function(e){
    if (isHot){
      N4.moveBy(e.x-N4x,e.y-N4y);
      return false;
    }
  }
  N4.onmouseup=function(){
    N4.releaseEvents(Event.MOUSEMOVE);
  }
}
function hideMe(id){
  if ( document.getElementById('chkbox'+id).checked ) {
    setCookie( "mainPop"+id, "done" , 1 );
 document.getElementById('chkbox'+id).checked = false;
  }
  if (isIE||isNN) document.getElementById('divpop'+id).style.visibility="hidden";
  else if (isN4) document.divpop.visibility="hide";  
}
function setCookie( name, value, expiredays ) {
  var todayDate = new Date();
  todayDate.setDate( todayDate.getDate() + expiredays );
  document.cookie = name + "=" + escape( value ) + "; path=/; expires=" + todayDate.toGMTString() + ";"
}
document.onmousedown=ddInit;
document.onmouseup=Function("ddEnabled=false");


<!--·¹À̾î À̵¿ ½ÃÀÛ ½ºÅ©¸³Æ®-->

function fnStartMove(oDiv) 
{ 
oDiv.adjustX=event.clientX - oDiv.offsetLeft; 
oDiv.adjustY=event.clientY - oDiv.offsetTop; 

oDiv.moving=true; 
} 

<!--·¹À̾î À̵¿ ½ÃÀÛ ½ºÅ©¸³Æ®-->

 

<!--·¹À̾î À̵¿ Á¾·á ½ºÅ©¸³Æ®--> 

function fnStopMove(oDiv) 
{ 
oDiv.moving=false; 

} 

<!--·¹À̾î À̵¿ Á¾·á ½ºÅ©¸³Æ®--> 



<!--·¹À̾î À̵¿ ½ºÅ©¸³Æ®-->
function fnMove(oDiv) 
{ 
    if(oDiv.moving==true) 
    { 
        if(event.clientX - oDiv.adjustX>0) 
        { 
        oDiv.style.left=event.clientX - oDiv.adjustX; 
        }  
        if(event.clientY - oDiv.adjustY>0) 
        { 
        oDiv.style.top=event.clientY - oDiv.adjustY; 
        } 
    } 
} 

<!--·¹À̾î À̵¿ ½ºÅ©¸³Æ®--> 


<!--¾÷µ¥ÀÌÆ®-->
function fnUpdate() 
{ 
iOffset=parseInt(oOffset.value); 

} 





<!--·¹À̾î À̵¿ ½ÃÀÛ ½ºÅ©¸³Æ®-->

function fnStartMove2(oDiv) 
{ 
oDiv.adjustX=event.clientX - oDiv.offsetLeft; 
oDiv.adjustY=event.clientY - oDiv.offsetTop; 

oDiv.moving=true; 
} 

<!--·¹À̾î À̵¿ ½ÃÀÛ ½ºÅ©¸³Æ®-->

 

<!--·¹À̾î À̵¿ Á¾·á ½ºÅ©¸³Æ®--> 

function fnStopMove2(oDiv) 
{ 
oDiv.moving=false; 

} 

<!--·¹À̾î À̵¿ Á¾·á ½ºÅ©¸³Æ®--> 



<!--·¹À̾î À̵¿ ½ºÅ©¸³Æ®-->
function fnMove2(oDiv) 
{ 
    if(oDiv.moving==true) 
    { 
        if(event.clientX - oDiv.adjustX>0) 
        { 
        oDiv.style.left=event.clientX - oDiv.adjustX; 
        }  
        if(event.clientY - oDiv.adjustY>0) 
        { 
        oDiv.style.top=event.clientY - oDiv.adjustY; 
        } 
    } 
} 

<!--·¹À̾î À̵¿ ½ºÅ©¸³Æ®--> 



<!--¾÷µ¥ÀÌÆ®-->
function fnUpdate() 
{ 
iOffset=parseInt(oOffset.value); 

} 

<!--¾÷µ¥ÀÌÆ®-->