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>");