var zmax;

function $(v) { 
    return(document.getElementById(v));
}
function agent(v) { 
    return(Math.max(navigator.userAgent.toLowerCase().indexOf(v),0));
}
function xy(e,v) { 
    return(v?(agent('msie')?event.clientY+document.body.scrollTop:e.pageY):(agent('msie')?event.clientX+document.body.scrollTop:e.pageX));
}

function dragOBJ(id, e) {

    d = document.getElementById(id);

    if (!d.style.top) {
        d.style.top = d.offsetTop + "px"
        d.style.left = d.offsetLeft + "px"
    }
    if (!d.style.left) {
        d.style.top = d.offsetTop + "px"
        d.style.left = d.offsetLeft + "px"
    }

    if (zmax == null) {
        zmax = 4;
        d.style.zIndex = zmax;
        zmax++;
    }
    else {

        d.style.zIndex = zmax;
        zmax++;
    }
    

    
    function drag(e) {
        if(!stop)
        {
            d.style.top=(tX=xy(e,1)+oY-eY+'px');
            d.style.left=(tY=xy(e)+oX-eX+'px');
        }
        
    }

    var oX=parseInt(d.style.left),oY=parseInt(d.style.top),eX=xy(e),eY=xy(e,1),tX,tY,stop;

    document.onmousemove=drag; document.onmouseup=function(){ 
        stop=1; document.onmousemove=''; document.onmouseup='';
    };

}