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 {

    }

}
function f_scrollTop() {
    return f_filterResults(
		window.pageYOffset ? window.pageYOffset : 0,
		document.documentElement ? document.documentElement.scrollTop : 0,
		document.body ? document.body.scrollTop : 0
	);
}
function f_filterResults(n_win, n_docel, n_body) {
    var n_result = n_win ? n_win : 0;
    if (n_docel && (!n_result || (n_result > n_docel)))
        n_result = n_docel;
    return n_body && (!n_result || (n_result > n_body)) ? n_body : n_result;
}

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;
        var st = f_scrollTop();
        if (st > 0) {
            y = y + st;
        }
    }
    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;
}