/*************************************************************************************
Generalized shaded layer
Requirements(s):
- /js/global/jquery-1.3.2.min.js
************************************************************************************/

var shade = {
    isCreated: false,

    createLayer: function(){
        if(!this.isCreated){
            $(document.body).append('<div id="shadedLayer" style="display: none"></div>');
            var shadedLayer = $('#shadedLayer');

            shadedLayer.css({
                'z-index' : '1000000',
                'position' : 'absolute',
                'top' : '0',
                'left' : '0',
                'width' : '100%',
                'height' : '100%',
                'background-color' : 'black'
            });

            this.isCreated = true;
        }
    },

    show: function() {
        this.createLayer();
		var overlay = $('#shadedLayer');

		$(overlay).css("opacity", "0.5");
		$(overlay).css("height", $(document).height() + "px");
        $(overlay).fadeIn(1000);

        $(window).bind("resize",function(){
            $('#shadedLayer').css({
                width: $(window).width(),
                height: $(window).height()
            });
        });
	},

	hide: function() {
		$("#shadedLayer").fadeOut(1000);
	}
};