(function($) {
	var openedPopups = [];
	var popupLayerScreenLocker = false;
    var focusableElement = [];
	var setupJqueryMPopups = {
		screenLockerBackground: "#000",
		screenLockerOpacity: "0.5"
	};

	$.setupJMPopups = function(settings) {
		setupJqueryMPopups = jQuery.extend(setupJqueryMPopups, settings);
		return this;
	}

	$.openPopupLayer = function(settings, flexMode, keepPageVisible, issharedAlbum, isLayerOverFlex) {
		if (typeof(settings.name) != "undefined" && !checkIfItExists(settings.name)) {
			settings = jQuery.extend({
				width: "auto",
				height: "auto",
				parameters: {},
				target: "",
				success: function() {},
				error: function() {},
				beforeClose: function() {},
				afterClose: function() {},
				reloadSuccess: null,
				cache: false
			}, settings);
			if(!flexMode)
			{
				loadPopupLayerContent(settings, true, isLayerOverFlex);
			}
			else
			{
				loadFlexPopupConent(settings, true, keepPageVisible, issharedAlbum);
			}
			return this;
		}
	}
	

	$.closePopupLayer = function(name, flexLayer, callBack) {
		if(flexLayer)
		{
			$("#flexModule").fadeOut(function(){
				$("#flexModule").remove();
				
				if(!callBack)
					$('#popupLayerScreenLocker').fadeOut('fast', function(){$('#popupLayerScreenLocker').remove();});
				
				$(".common-template-shell").show();
				
			});
		}
		if (name) {
			for (var i = 0; i < openedPopups.length; i++) {
				if (openedPopups[i].name == name) {
					var thisPopup = openedPopups[i];

					openedPopups.splice(i,1)

					thisPopup.beforeClose();
					if($("#popupLayer_" + name))
					{
						$("#popupLayer_" + name).fadeOut(function(){
							$("#popupLayer_" + name).remove();
	
							focusableElement.pop();
	
							if (focusableElement.length > 0) {
								$(focusableElement[focusableElement.length-1]).focus();
							}
	
							thisPopup.afterClose();
							hideScreenLocker(name);
						});
					}

					break;
				}
			}
		} else {
			if (openedPopups.length > 0) {
				$.closePopupLayer(openedPopups[openedPopups.length-1].name);
			}
		}
		if(callBack)
			callBack();
		
		return this;
	}

	$.reloadPopupLayer = function(name, callback) {
		if (name) {
			for (var i = 0; i < openedPopups.length; i++) {
				if (openedPopups[i].name == name) {
					if (callback) {
						openedPopups[i].reloadSuccess = callback;
					}

					loadPopupLayerContent(openedPopups[i], false);
					break;
				}
			}
		} else {
			if (openedPopups.length > 0) {
				$.reloadPopupLayer(openedPopups[openedPopups.length-1].name);
			}
		}

		return this;
	}

	function setScreenLockerSize() {
		if (popupLayerScreenLocker) {
			$('#popupLayerScreenLocker').height($(document).height() + "px");
			$('#popupLayerScreenLocker').width($(document.body).outerWidth(true) + "px");
		}
	}

	function checkIfItExists(name) {
		if (name) {
			for (var i = 0; i < openedPopups.length; i++) {
				if (openedPopups[i].name == name) {
					return true;
				}
			}
		}
		return false;
	}

	function showScreenLocker() {
		if ($("#popupLayerScreenLocker").length) {
			if (openedPopups.length == 1) {
				popupLayerScreenLocker = true;
				setScreenLockerSize();
				$('#popupLayerScreenLocker').fadeIn();
			}

			if ($.browser.msie && $.browser.version < 7) {
				$("select:not(.hidden-by-jmp)").addClass("hidden-by-jmp hidden-by-" + openedPopups[openedPopups.length-1].name).css("visibility","hidden");
			}

			$('#popupLayerScreenLocker').css("z-index",parseInt(openedPopups.length == 1 ? 999 : $("#popupLayer_" + openedPopups[openedPopups.length - 2].name).css("z-index")) + 1);
		} else {
			$("body").append("<div id='popupLayerScreenLocker'><!-- --></div>");
			$("#popupLayerScreenLocker").css({
				position: "absolute",
				background: setupJqueryMPopups.screenLockerBackground,
				left: "0",
				top: "0",
				opacity: setupJqueryMPopups.screenLockerOpacity,
				display: "none"
			});
			showScreenLocker();

            $("#popupLayerScreenLocker").click(function() {
                $.closePopupLayer();
            });
		}
	}

	function hideScreenLocker(popupName) {
		if (openedPopups.length == 0) {
			screenlocker = false;
			$('#popupLayerScreenLocker').fadeOut();
		} else {
			$('#popupLayerScreenLocker').css("z-index",parseInt($("#popupLayer_" + openedPopups[openedPopups.length - 1].name).css("z-index")) - 1);
		}

		if ($.browser.msie && $.browser.version < 7) {
			$("select.hidden-by-" + popupName).removeClass("hidden-by-jmp hidden-by-" + popupName).css("visibility","visible");
		}
	}

	function setPopupLayersPosition(popupElement, animate) {
			var viewport = function() {
				viewport.windowX = (document.documentElement && document.documentElement.clientWidth) || window.innerWidth || self.innerWidth || document.body.clientWidth;
				viewport.windowY = (document.documentElement && document.documentElement.clientHeight) || window.innerHeight || self.innerHeight || document.body.clientHeight;
				viewport.scrollX = (document.documentElement && document.documentElement.scrollLeft) || window.pageXOffset || self.pageXOffset || document.body.scrollLeft;
				viewport.scrollY = (document.documentElement && document.documentElement.scrollTop) || window.pageYOffset || self.pageYOffset || document.body.scrollTop;
				viewport.pageX = (document.documentElement && document.documentElement.scrollWidth) ? document.documentElement.scrollWidth : (document.body.scrollWidth > document.body.offsetWidth) ? document.body.scrollWidth : document.body.offsetWidth;
				viewport.pageY = (document.documentElement && document.documentElement.scrollHeight) ? document.documentElement.scrollHeight : (document.body.scrollHeight > document.body.offsetHeight) ? document.body.scrollHeight : document.body.offsetHeight;
				return viewport;
			};
		if (popupElement) {
			popupElement.css("height", 500 + "px");
			var leftPosition = (document.documentElement.offsetWidth - popupElement.width());
			var topPosition = document.documentElement.scrollTop + ($(window).height() - popupElement.height());
            if (popupElement.width() < $(viewport).width()) {
				leftPosition = (document.documentElement.offsetWidth - popupElement.width()) / 2;
			} else {
				leftPosition = document.documentElement.scrollLeft + 5;
			}

			if (popupElement.height() < $(window).height()) {
				topPosition = document.documentElement.scrollTop + ($(window).height() - popupElement.height()) / 3;
			}

			if (popupElement.height() > $(window).height()) {
				topPosition = document.documentElement.scrollTop + 20;
			}

			var positions = {
				left: leftPosition + "px",
				top: topPosition + "px"
			};

			if (!animate) {
				popupElement.css(positions);
			} else {
				//popupElement.animate(positions, "slow");
			}

            setScreenLockerSize();
		} else {
			for (var i = 0; i < openedPopups.length; i++) {
				setPopupLayersPosition($("#popupLayer_" + openedPopups[i].name), true);
			}
		}
	}

    function showPopupLayerContent(popupObject, newElement, data, isLayerOverFlex) {
        var idElement = "popupLayer_" + popupObject.name;
        //console.log(newElement);
        if (newElement) {
			showScreenLocker();

			$("body").append("<div id='" + idElement + "'><!-- --></div>");

			var zIndex = parseInt(openedPopups.length == 1 ? 1000 : $("#popupLayer_" + openedPopups[openedPopups.length - 2].name).css("z-index")) + 2;
		}  else {
			var zIndex = $("#" + idElement).css("z-index");
		}

        var popupElement = $("#" + idElement);

		popupElement.css({
			visibility: "hidden",
			width: popupObject.width == "auto" ? "" : popupObject.width + "px",
			height: popupObject.height == "auto" ? "" : popupObject.height + "px",
			position: "absolute",
			"z-index": zIndex
		});

		var linkAtTop = "<a href='#' class='jmp-link-at-top' style='position:absolute; left:-9999px; top:-1px;'>&nbsp;</a><input class='jmp-link-at-top' style='position:absolute; left:-9999px; top:-1px;' />";
		var linkAtBottom = "<a href='#' class='jmp-link-at-bottom' style='position:absolute; left:-9999px; bottom:-1px;'>&nbsp;</a><input class='jmp-link-at-bottom' style='position:absolute; left:-9999px; top:-1px;' />";
		var hiddenField = "";
        if(popupObject.storeID){hiddenField = "<input type='hidden' name='storeID' value='"+ popupObject.storeID + "'/>";}
		popupElement.html(hiddenField +linkAtTop + data + linkAtBottom);

		setPopupLayersPosition(popupElement);

        popupElement.css("display","none");
        popupElement.css("visibility","visible");
	     popupElement.css("height", "auto");
		if (newElement) {
        	popupElement.fadeIn();
		} else {
			popupElement.show();
		}

        $("#" + idElement + " .jmp-link-at-top, " +
		  "#" + idElement + " .jmp-link-at-bottom").focus(function(){
			$(focusableElement[focusableElement.length-1]).focus();
		});

		var jFocusableElements = $("#" + idElement + " a:visible:not(.jmp-link-at-top, .jmp-link-at-bottom), " +
								   "#" + idElement + " *:input:visible:not(.jmp-link-at-top, .jmp-link-at-bottom)");

		if (jFocusableElements.length == 0) {
			var linkInsidePopup = "<a href='#' class='jmp-link-inside-popup' style='position:absolute; left:-9999px;'>&nbsp;</a>";
			popupElement.find(".jmp-link-at-top").after(linkInsidePopup);
			focusableElement.push($(popupElement).find(".jmp-link-inside-popup")[0]);
		} else {
			jFocusableElements.each(function(){
				if (!$(this).hasClass("jmp-link-at-top") && !$(this).hasClass("jmp-link-at-bottom")) {
					focusableElement.push(this);
					return false;
				}
			});
		}

        if(isLayerOverFlex)
        {
            popupElement.css("z-index", 3000);
        }

		$(focusableElement[focusableElement.length-1]).focus();

		popupObject.success();

		if (popupObject.reloadSuccess) {
			popupObject.reloadSuccess();
			popupObject.reloadSuccess = null;
		}
    }

	function loadPopupLayerContent(popupObject, newElement, isLayerOverFlex) {
		if (newElement) {
			openedPopups.push(popupObject);
		}

		if (popupObject.target != "") {
            showPopupLayerContent(popupObject, newElement, $("#" + popupObject.target).html());
        } else {
            $.ajax({
                url: popupObject.url,
                data: popupObject.parameters,
				cache: popupObject.cache,
                dataType: "html",
                method: "GET",
                success: function(data) {
                    showPopupLayerContent(popupObject, newElement, data, isLayerOverFlex);
                },
				error: popupObject.error
            });
		}
	}
	
	function loadFlexPopupConent(popupObject,newElement, keepPageVisible, sharedAlbum )
	{
		if (newElement) {
			openedPopups.push(popupObject);
		}
		
		if($("#flexModule").length < 1 )
		{
			if(keepPageVisible)
				$("body").append('<div id=\"flexModule\" class=\"flexContainer\"></div>');
			else
				$("body").append('<div id=\"flexModule\"></div>');
			// if resolution is to low, you can not use 100% as it wont let you use the whole app.
			if (screen.height < 768) {
				$("#flexModule").css("height","768px");
			}
			if (screen.width < 1024) {
				$("#flexModule").css("width","1024px");
			}
			$.ajax({
				  url: popupObject.url,
	              data: popupObject.parameters,
				  cache: popupObject.cache,
	              dataType: "html",
	              method: "GET",
	              success: function(data) {
				  	$("#flexModule").html(data);
				  	if(!keepPageVisible)
				  	{
						$(".common-template-shell").hide();
				  	}
				  	else
				  	{
				  		$("#flexModule").css("top", $(window).scrollTop()+ 40 );
				  	}
				  	if( keepPageVisible )
				  		showScreenLocker();
	              },
					error: popupObject.error	
			})
		}
		return
	}
    function setupPopupModalStyles(backgroundColor, opacity) {
        if (!opacity) {
            opacity = "0.7";
        }
        $.setupJMPopups({
            screenLockerBackground: backgroundColor,
            screenLockerOpacity: opacity
        });
    }

	$(window).resize(function(){
		setScreenLockerSize();
		setPopupLayersPosition();
	});

	$(document).keydown(function(e){
		if (e.keyCode == 27) {
			$.closePopupLayer();
		}
	});
})(jQuery);