﻿function getBody() {
    return (document.compatMode && document.compatMode != "BackCompat") ? document.documentElement : document.body;
}
function hideUPP(elementId) {
    document.getElementById(elementId).style.visibility = 'hidden';
}
function showDiv(elementId) {
    document.getElementById(elementId).style.visibility = 'visible';
}
function moveDiv(jqueryElement, mEvent) { //$(this).parent().parent().next()
    var wWidth = 0;
    var wHeight = 0;
    var nowX = 0;
    var nowY = 0;
	var scrollY = 0;
	
    if (document.all) {
        nowX = mEvent.clientX;  //+ getBody().scrollLeft;
        nowY = mEvent.clientY;  //+ getBody().scrollTop;
        wWidth = getBody().clientWidth;
        wHeight = getBody().clientHeight;
		scrollY = document.documentElement.scrollTop;
    } else {
        nowX = mEvent.clientX;
        nowY = mEvent.clientY;
        wWidth = window.innerWidth;
        wHeight = window.innerHeight;
		scrollY = window.pageYOffset;
    }

	jqueryElement.css('left', (nowX + 10) + "px");
	jqueryElement.css('top', (scrollY + nowY + 10) + "px");
	
    //document.getElementById(elementId).style.left = (nowX + 10) + "px"; //- document.getElementById(elementId).clientWidth;
    //document.getElementById(elementId).style.top = (nowY + 10) + "px"; //- document.getElementById(elementId).clientWidth;

    if (wWidth != 0 && wHeight != 0) {
        if (mEvent.clientX < 10) {
	        jqueryElement.css('left', '10px');
            //document.getElementById(elementId).style.left = 10;
        }
        else if (mEvent.clientX + jqueryElement.width() > wWidth - 10) {
	        jqueryElement.css('left', (wWidth - jqueryElement.width() - 10) + 'px');
            //document.getElementById(elementId).style.left = wWidth - document.getElementById(elementId).clientWidth - 10;
        }

        if (mEvent.clientY + jqueryElement.height() > wHeight - 10) {
	        jqueryElement.css('top', (scrollY + wHeight - jqueryElement.height() - 10) + 'px');
            //document.getElementById(elementId).style.top = wHeight - document.getElementById(elementId).clientHeight - 10;
        }
        else if (mEvent.clientY < 10) {
	        jqueryElement.css('top', (scrollY + 10) + 'px');
            //document.getElementById(elementId).style.top = 10;
        }
    }
}

