var dragFlag = false; // ドラッグ中かどうかのフラグ変数
var dragObj = null; // ドラッグ対象オブジェクト情報
var dd; // ドラッグ対象タグ（div）id

// イベントハンドラなどを設定
function setdd(d){
    dd = d;
    document.getElementById(dd).onmousedown = dragStart;
    document.getElementById(dd).onmouseup = dragEnd;
    document.getElementById(dd).style.left = "100px";
    document.getElementById(dd).style.top = "250px";
    window.document.onmousemove = dragProc;
}

// ドラッグ開始処理
function dragStart(){
    dragFlag = true;
    dragObj = document.getElementById(dd);
    offsetX = mouseX - parseInt(dragObj.style.left);
    offsetY = mouseY - parseInt(dragObj.style.top);
    return false;
}

// ドラッグ終了処理
function dragEnd(){
    dragFlag = false;
}

// ドラッグ中の処理
function dragProc(evt){
    if (document.all){
        mouseX = event.x;
        mouseY = event.y;
    }else{
        mouseX = evt.pageX;
        mouseY = evt.pageY;
    }
    if (!dragFlag) return;
    dragObj.style.left = mouseX - offsetX;
    dragObj.style.top = mouseY - offsetY;
    return false;
}