/**
 * jmpopups
 * Copyright (c) 2009 Otavio Avila (http://otavioavila.com)
 * Licensed under GNU Lesser General Public License
 * 
 * @docs http://jmpopups.googlecode.com/
 * @version 0.5.1
 * 
 */


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

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

	$.openPopupLayer = function(settings) 
    {
		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(window.navigator.appVersion.indexOf("MSIE 7.0") == -1)
            {
                $("html").css("overflow", "hidden");
            }
            
			loadPopupLayerContent(settings, true);
			return this;
		}
	}
	
	$.closePopupLayer = function(name) 
    {
		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();

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

					/*$("#popupLayer_" + name).fadeOut('slow', function()
                    {
					    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); } }
		
		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();
                $('#popupLayerScreenLocker').show();
			}
   
			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('slow', function() { $("html").css("overflow", "auto"); });

            $('#popupLayerScreenLocker').remove();
            $("html").css("overflow", "auto");
		}
        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) 
    {
		if (popupElement) 
        {
            var iWidth = 1115;
            var iHeight = 668;

            if($(window).width() < 1024 || $(window).height() < 768)
            {
                iWidth = 780;
                iHeight = 484;
            }

            if (iHeight < $(window).width()) 
                 { var leftPosition = ($(window).width() - iWidth) / 2; }
            else { var leftPosition = document.documentElement.scrollLeft + 5; }

			if (iHeight < $(window).height()) 
                 { var topPosition = document.documentElement.scrollTop + ($(window).height() - iHeight) / 2; }
            else { var topPosition = document.documentElement.scrollTop + 5; }
            
            /*
            if (popupElement.width() < $(window).width()) 
                 { var leftPosition = ($(window).width() - popupElement.width()) / 2; }
            else { var leftPosition = document.documentElement.scrollLeft + 5; }

			if (popupElement.height() < $(window).height()) 
                 { var topPosition = document.documentElement.scrollTop + ($(window).height() - popupElement.height()) / 2; }
            else { var topPosition = document.documentElement.scrollTop + 5; }
			*/

			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) 
    {
        var idElement = "popupLayer_" + popupObject.name;

        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;' />";

		popupElement.html(linkAtTop + data + linkAtBottom);
		
		setPopupLayersPosition(popupElement);

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

        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;
				}
			});
		}
		
		$(focusableElement[focusableElement.length-1]).focus();

		popupObject.success();
		
		if (popupObject.reloadSuccess) {
			popupObject.reloadSuccess();
			popupObject.reloadSuccess = null;
		}
    }
	
	function loadPopupLayerContent(popupObject, newElement) 
    {
		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); },
				error: popupObject.error
            });
		}
	}
	
	$(window).resize(function()
    {
		setScreenLockerSize();
		setPopupLayersPosition();
	});
	
	$(document).keydown(function(e) { if (e.keyCode == 27) { $.closePopupLayer(); } });

})(jQuery);