// javascript File

var activeimage = "img_source";
var topz = 4;

// Temporary variables to hold mouse x-y pos.
var iMousePosX = 0;
var iMousePosY = 0;

var iOrigObjTop;
var iOrigObjLeft;

var iDragObjTopDiff;
var iDragObjLeftDiff;

var rightclick = false;
var oDragObj = null;


// Start dragging
function dragPiece(sourceObject) {
// Change object style.
sourceObject.className = "tagdrag";

// Remember original object position.
iOrigObjTop = parseInt(sourceObject.style.top);
iOrigObjLeft = parseInt(sourceObject.style.left);

iDragObjTopDiff = iMousePosY - iOrigObjTop;
iDragObjLeftDiff = iMousePosX - iOrigObjLeft;

oDragObj = sourceObject;
sourceObject.style.zIndex = topz;
topz++;

document.getElementById("activeimage2").innerHTML = sourceObject.id;
document.cookie = "active=" + sourceObject.id;


anow = new Date();   // to tack on another parameter so to the browser it is a new url
document.form2.action = "process.aspx?category=loadfile&func=upload&id=img_" + sourceObject.id + "&xtr=" + anow; 
}

// Stop dragging
function drop() {
oDragObj.className = "tagnormal";
oDragObj = null;
}

// Process mouse movement.
function getMouseXY(posX, posY) {
iMousePosX = posX;
iMousePosY = posY;

//document.getElementById("mousepos").innerHTML = iMousePosX + ", " + iMousePosY;

// Move object, if dragging.
if (oDragObj != null) {
    oDragObj.style.top = (iMousePosY - iDragObjTopDiff) + "px";
    oDragObj.style.left = (iMousePosX - iDragObjLeftDiff) + "px";
    }
}

// Mouse movement event handler
function getMouseXYPos(e) {
    if (!e) 
        var e = window.event;
        
    if(document.body != null)    
        getMouseXY(e.clientX + document.body.scrollLeft, e.clientY + document.body.scrollTop);  
return true;
}

// Attach new event handler
window.document.onmousemove = getMouseXYPos;