var popupStatus = 0;
var additionalPopupStatus = 0;

function loadPopup(e, id, upsell){
	if(popupStatus==0){
		$("#popupInfo").load("/products/learn-more.php?id=" + id + "&upsell=" + upsell);
		centerPopup();
		 e = e || window.event
		if (e.pageX || e.pageY) {
			 posX = e.pageX;
			 posY = e.pageY;
		} else if (e.clientX || e.clientY) {
			if (document.body.scrollLeft || document.body.scrollTop) {
				posX = e.clientX + document.body.scrollLeft;
				posY = e.clientY + document.body.scrollTop;
			}
			else {
				posX = e.clientX + document.documentElement.scrollLeft;
				posY = e.clientY + document.documentElement.scrollTop;
			}
		}
		posX = posX + 8;
		$("#popupInfo").css({"top": posY+"px"});
		$("#popupInfo").css({"left": posX+"px"});
		$("#popupInfo").css({"position": "absolute"});
		$("#backgroundPopup").css({"opacity": "0.7"});
		$("#backgroundPopup").fadeIn("slow");
		$("#popupInfo").fadeIn("slow");
		popupStatus = 1;
	}
}

function disablePopup(){
	if(popupStatus==1){
		$("#backgroundPopup").fadeOut("slow");
		$("#popupInfo").fadeOut("slow");
		popupStatus = 0;
	}
}

function disableAdditionalPopup(){
	if(additionalPopupStatus==1){
		$("#backgroundAdditionalPopup").fadeOut("slow");
		$("#additionalImage").fadeOut("slow");
		additionalPopupStatus = 0;
	}
}

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

$("#popupInfoClose").click(function(){ disablePopup(); });

$("#backgroundPopup").click(function(){ disablePopup(); });  

$("#backgroundAdditionalPopup").click(function(){ disableAdditionalPopup(); });  

/*$(document).keypress(function(e){ if(e.keyCode==27 && popupStatus==1){ disablePopup(); disableAdditionalPopup();} }); */

function loadAdditionalPopup(e, id){
	if(additionalPopupStatus==0){
		$("#additionalImage").load("/products/additional-images.php?id=" + id);
		/* e = e || window.event
		if (e.pageX || e.pageY) {
			 posX = e.pageX;
			 posY = e.pageY;
		} else if (e.clientX || e.clientY) {
			if (document.body.scrollLeft || document.body.scrollTop) {
				posX = e.clientX + document.body.scrollLeft;
				posY = e.clientY + document.body.scrollTop;
			}
			else {
				posX = e.clientX + document.documentElement.scrollLeft;
				posY = e.clientY + document.documentElement.scrollTop;
			}
		}
		posX = posX + 8;
		$("#additionalImage").css({"top": posY+"px"});
		$("#additionalImage").css({"left": posX+"px"}); 
		$("#additionalImage").css({"position": "absolute"});*/
		$("#backgroundAdditionalPopup").css({"opacity": "0.7"});
		$("#backgroundAdditionalPopup").fadeIn("slow");
		centerAdditionalPopup();
		$("#additionalImage").fadeIn("slow");
		additionalPopupStatus = 1;
	}
}

function centerAdditionalPopup(){
	//var windowWidth = document.documentElement.clientWidth;
	var windowHeight = document.documentElement.clientHeight;
	//var popupHeight = $("#additionalImage").height();
	//var popupWidth = $("#additionalImage").width();
	$("#additionalImage").css({"position": "absolute","top": 75,"left": 350});
	$("#backgroundAdditionalPopup").css({"height": windowHeight});
}