//SETTING UP OUR POPUP
//0 means disabled; 1 means enabled;
var popupStatus = 0;
var X = 0
var Y = 0

//loading popup
function loadCenteredPopup() {
    
	//loads popup only if it is disabled
    if (popupStatus == 0) {
        centerPopup()
        $("#popupContent").fadeIn("fast");
		popupStatus = 1;
	}
}

function loadPopupAtCursor() {

    //loads popup only if it is disabled
    if (popupStatus == 0) {
        moveToCursor()
        $("#popupContent").fadeIn("fast");
        popupStatus = 1;
    }
}

function disablePopup(){
	//disables popup only if it is enabled
	if(popupStatus==1){
	    $("#popupContent").fadeOut("fast");
		popupStatus = 0;
	}
}

//centering popup
function centerPopup(){
	//request data for centering
	var windowWidth = document.documentElement.clientWidth;
	var windowHeight = document.documentElement.clientHeight;
	var popupHeight = $("#popupContent").height();
	var popupWidth = $("#popupContent").width();
	//centering
	$("#popupContent").css({
		"position": "absolute",
		"top": windowHeight/2-popupHeight/2,
		"left": windowWidth/2-popupWidth/2
	});
}

//move popup to cursor
function moveToCursor() {
    var popupHeight = $("#popupContent").height();
    var popupWidth = $("#popupContent").width();
    //centering
    $("#popupContent").css({
        "position": "absolute",
        "top": Y,
        "left": X - popupWidth
    });
}


$(document).ready(function () {

    $().ready(function () {
        document.ontouchmove = function (e) { e.preventDefault(); }
    });

    var IE = document.all ? true : false
    if (!IE) document.captureEvents(Event.MOUSEMOVE)

    //CLOSING POPUP
    $("#popupClose").click(function () {
        disablePopup();
    });
    //Press Escape event!
    $(document).keypress(function (e) {
        if (e.keyCode == 27 && popupStatus == 1) {
            disablePopup();
        }
    });

    //keep track on mouse cursor
    $(document).mousemove(function (e) {
        if (IE) { // grab the x-y pos.s if browser is IE
            X = event.clientX + document.body.scrollLeft
            Y = event.clientY + document.body.scrollTop
        } else {  // grab the x-y pos.s if browser is NS
            X = e.pageX
            Y = e.pageY
        }
        // catch possible negative values in NS4
        if (X < 0) { X = 0 }
        if (Y < 0) { Y = 0 }
    });
});