/* 
 *  ESPN License
 * 
 */

(function($){
    $.fn.overlay = function(options){
        
        if (typeof options == "string"){
            if (window.overlay == undefined){
                alert("Overlay not initialized")
                return
            }
            
            if (options == "show"){
                //console.log("Show!")
            $(".overlay-div").css({
                "opacity":"0.6",
                "background-color":"#000",
                "height":$(document).height()+200,
                "width":$(window).width(),
                "display":"none",
                "position":"absolute",
                "top":"0px",
                "z-index":"1024"
            })
                window.overlay.children(":not(img)").hide();
                
                $(".overlay-div").show();
                $(".overlay-content").show();
                window.overlay.show()
                
                $(this).each(function() {
                    window.overlay.css({
                        "background-color":"#fff",
                        "height":$(this).height()+110,
                        "width":$(this).width()
                    });
                    $(this).show(); 
/*                    window.overlay.center();*/
                    
                });
            }
            
            if (options == "hide"){
                window.overlay.close();
            }
            
            return;
        }
        var defaults = {
            closeImage:"/resources/images/x_28x28.png"
        }
        
        var settings = $.extend(defaults, options)
        
        if ($(".overlay-div").size() == 0){
            $("body").append('<div class="overlay-div hidden"></div><div style="z-index:1025;" class="ui-corner-all hidden overlay-content"><img onclick="window.overlay.close()" style="z-index:1025; width: 10px; height: 10px; border: 1px solid #ccc; float:right; position: absolute; top: 5px; right: 5px;" class="clickable" src="{0}"></div>'.format(settings.closeImage))
            

            window.overlay = $(".overlay-content")

            window.overlay.hide()
            
            window.overlay.css({
                border:"1px solid #ccc",
                padding:"5px"
            })
            
            window.overlay.close = function() {
                window.overlay.hide();
                $(".overlay-div").hide();
                $(".overlay-content").hide();
            }
            $(".overlay-div").css({
                "opacity":"0.6",
                "background-color":"#000",
                "height":$(document).height()+200,
                "width":$(window).width(),
                "display":"none",
                "position":"absolute",
                "top":"0px",
                "z-index":"1024"
            })
        }
        
        $(this).each(function() {
            $(this).appendTo(window.overlay)
        })
    }
})(jQuery)