var checkZIndex = true; 
var dragobject = null; 
var tx; 
var ty; 

var ie5 = document.all != null && document.getElementsByTagName != null; 

function getReal(el) { 
    temp = el; 

    while ((temp != null) && (temp.tagName != "BODY")) { 
        if ((temp.className == "moveme") || (temp.className == "handle")){ 
            el = temp; 
            return el; 
        } 
        temp = temp.parentElement; 
    } 
    return el; 
} 


function moveme_onmousedown() { 
    el = getReal(window.event.srcElement) 

    if (el.className == "moveme" || el.className == "handle") { 
        if (el.className == "handle") { 
            tmp = el.getAttribute("handlefor"); 
            if (tmp == null) { 
                dragobject = null; 
                return; 
            } 
            else 
                dragobject = document.all[tmp]; 
        } 
        else 
            dragobject = el; 

        if (checkZIndex) makeOnTop(dragobject); 

        ty = window.event.clientY - getTopPos(dragobject); 
        tx = window.event.clientX - getLeftPos(dragobject); 

        window.event.returnValue = false; 
        window.event.cancelBubble = true; 
        //dragobject.filters.alpha.opacity=77; 
    } 
    else { 
        dragobject = null; 
    } 
} 

function moveme_onmouseup() { 
    if(dragobject) { 
        //dragobject.filters.alpha.opacity=100; 
        dragobject = null; 
    } 
} 


function moveme_onmousemove() { 
    if (dragobject) { 
        if (window.event.clientX >= 0 && window.event.clientY >= 0) { 
            dragobject.style.left = window.event.clientX - tx + "px"; 
            dragobject.style.top = window.event.clientY - ty + "px"; 
            //dragobject.filters.alpha.opacity=77; 
        } 
        window.event.returnValue = false; 
    } 
} 

function getLeftPos(el) { 
    if (ie5) { 
        if (el.currentStyle.left == "auto") 
            return 0; 
        else 
            return parseInt(el.currentStyle.left); 
    } 
    else { 
        return el.style.pixelLeft; 
    } 
} 

function getTopPos(el) { 
    if (ie5) { 
        if (el.currentStyle.top == "auto") 
            return 0; 
        else 
            return parseInt(el.currentStyle.top); 
    } 
    else { 
        return el.style.pixelTop; 
    } 
} 

function makeOnTop(el) { 
    var daiz; 
    var max = 0; 
    var da = document.all; 

    for (var i=0; i<da.length; i++) { 
        daiz = da[i].style.zIndex; 
        if (daiz != "" && daiz > max) 
            max = daiz; 
    } 

    el.style.zIndex = max + 1; 
} 

if (document.all) { //ÀÌ ºÎºÐÀº IE4 ÀÌ»ó ¹öÀü¿¡¼­¸¸ ÀÛµ¿µË´Ï´Ù. 
    document.onmousedown = moveme_onmousedown; 
    document.onmouseup = moveme_onmouseup; 
    document.onmousemove = moveme_onmousemove; 
} 

document.write("<style>"); 
document.write(".moveme, .handle    {cursor: move;}"); 
document.write("</style>");