/* 
	>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
		CLASS: OVERLAY
	>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
	*/
	$j.Avaya.Overlay = function(options) {			
		var settings = $j.extend({
			title: "Alert",
			id: "overlay",
			width: 400,
			blocker: 1
		}, options);

		// INITIALIZE
			var $html = $j('<div class="overlay"><h3 class="title">' + settings.title + '</h3><div id="' + settings.id + '-content"></div></div>');
			$html.attr("id", settings.id);
			$html.css({width: settings.width});
			
			$j("body").append($html)
			// blocker
			if(settings.blocker) {
				$j("body").append('<div id="overlay-blocker"><iframe frameborder="0" /></div>');
				var $overlayBlocker = $j("#overlay-blocker");
				$overlayBlocker.add("#overlay-blocker iframe").css({height: $j(document).height()});
			}
			var $overlay = $j("#" + settings.id);
			var $overlayContent = $j("#" + settings.id + "-content");

		/* METHODS >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
		/* PUBLIC ................................... */
		this.show = function() {
			var viewportHeight = $j(window).height();
			var overlayHeight = $overlay.height();
			var centerY = (viewportHeight - overlayHeight) / 2;
			
			if (centerY < 0) centerY = 0; //fix top going off screen
			
			var viewportWidth = $j(window).width();
			var overlayWidth = $overlay.width();
			var centerX = (viewportWidth - overlayWidth) / 2;
			
			$overlay.css({top: centerY + $j(window).scrollTop(), left: centerX});
			
			$overlay.show();
		}
		
		this.hide = function() {
			$overlayContent.html("");
			$overlay.remove();
			if(settings.blocker) {
				$overlayBlocker.remove();
			}
		}
		
		this.setContent = function(content) {
			$overlayContent.html(content);
		}
		
		/* PRIVATE .................................. */
		function _block() {
				
		}
		
		function _unblock() {
			
		}
	};