var isDrag = false;

var oldX=0,oldY=0;
function init(){
    isDrag=true;
    oldX=event.x;
    oldY=event.y;
}
function end(){
    isDrag=false;
}
function moveIt(){
    if(isDrag){
    var x =window.event.x;
    var y = window.event.y;
    
    hdl.parentNode.style.left = parseInt(hdl.parentNode.style.left.replace("px","")) + (x - oldX);
    hdl.parentNode.style.top = parseInt(hdl.parentNode.style.top.replace("px","")) + (y - oldY);
    
    oldX = x;
    oldY = y;
    }
}
function init1(){
    isDrag=true;
    oldX=event.x;
    oldY=event.y;
}
function end1(){
    isDrag=false;
}
function moveIt1(){
    if(isDrag){
    var x =window.event.x;
    var y = window.event.y;
    
    hd2.parentNode.style.left = parseInt(hd2.parentNode.style.left.replace("px","")) + (x - oldX);
    hd2.parentNode.style.top = parseInt(hd2.parentNode.style.top.replace("px","")) + (y - oldY);
    
    oldX = x;
    oldY = y;
    }
}