var xmlhttp = false;
var i = 0;
function processReqChange() {
    // only if req shows "loaded"
    if (xmlhttp.readyState == 4) {
        // only if "OK"
        if (xmlhttp.status == 200) {
            // ...processing statements go here...
            //alert("position saved"); //document.getElementById("pnlViewProperties").innerHTML = "Choose Thumbnail image...<br><br>" + xmlhttp.responseText;
        } else {
            alert("There was a problem retrieving the XML data:\n" + xmlhttp.statusText);
        }
    } else {

    }

}

var mouseOffset = null;

function getMouseOffset(target, ev) {
    ev = ev || window.event;

    var docPos = getPosition(target);
    var mousePos = mouseCoords(ev);
    return { x: mousePos.x - docPos.x, y: mousePos.y - docPos.y };
}
function getPosition(e) {
    var left = 0;
    var top = 0;

    while (e.offsetParent) {
        left += e.offsetLeft;
        top += e.offsetTop;
        e = e.offsetParent;
    }

    left += e.offsetLeft;
    top += e.offsetTop;

    return { x: left, y: top };
}
function mouseCoords(ev) {
    if (ev.pageX || ev.pageY) {
        return { x: ev.pageX, y: ev.pageY };
    }
    return {
        x: ev.clientX + document.body.scrollLeft - document.body.clientLeft,
        y: ev.clientY + document.body.scrollTop - document.body.clientTop
    };
}

function updatePosition(tableid, columnname, element, ev) {

    var msg;
    var x = 0;
    var y = 0;
    if (ev.pageX) {
        x = ev.pageX - ev.layerX;
        y = ev.pageY - document.getElementById('banner').clientHeight;
    } else {
        x = ev.clientX - element.deltaX;
        y = ev.clientY - document.getElementById('banner').clientHeight;
    }
    if (x.toString() == 'NaN') {
        x = ev.pageX - element.deltaX;
        y = ev.pageY - document.getElementById('banner').clientHeight;
    }
    if (x < 0)
        x = 0;
    if (y < 0)
        y = 0;

    var url = "savedesign.aspx?t=" + tableid + "&columnname=" + columnname + "&x=" + x + "&y=" + y;
    msg = getUrlString(url);
    if (msg.indexOf('rror') <= 0) {
        x = msg.split(',')[0];
        y = msg.split(',')[1];
        document.getElementById(columnname + 'div').style.position = 'absolute';
        document.getElementById(columnname + 'div').style.left = x + 'px';
        document.getElementById(columnname + 'div').style.top = y + 'px';
    }
    //alert(url);
    //alert(msg);
    return false;
}