function createOverlayPopup(url, width, height, scroll){
	createOverlay();
	var content = $("div#__content__");
	
	var strIframe  = '<iframe ';
	strIframe += 'src = "' + url + '" ';
	strIframe += 'width = "' + width + '" ';
	strIframe += 'height = "' + height + '" ';	
	strIframe += 'scrolling = "' + scroll +'" ';
	strIframe += 'style="border:none; margin:0px; padding:0px" ';
	strIframe += 'frameborder="0" ';
	strIframe += 'allowtransparency="yes" ';
	strIframe += '/>';
	
	content.append(strIframe);
	
	CSSContent = {'margin-left':  -(width * .5),
			      'margin-top':   -(height * .5)
				  /*'margin-top':   -(height * .5) + ($('window').scrollTop())*/
				  };
	
	//  
	
	//alert($(window).scrollTop());
	
	
	if( $.browser.msie){
		//Target IE6
		if ($.browser.version >= 6 && $.browser.version < 7){
			CSSContent['margin-top'] += $(window).scrollTop();
			
		}
		
		//Target IE7
		if ($.browser.version == 7){
			//Implement if you need apply espcial CSS or hack IE7
		}
		
	}

	
	
	content.css(CSSContent);	
}


function createOverlay(){
	//var firstBodyChild 	= $("body > *:first");
	var overlayHtml 	= "<div id='__overlay__'></div><div id='__content__'></div>"; 
	var CSSoverlay 		= {	'position':'fixed',
							'height':'100%',
			   				'width':'100%',
			   				'display':'block',
			   				'top':'0px',
			   				'left':'0px',
			   				'background':'#000000',
			   				'z-index':'100',
			   				'filter':'alpha(opacity=30)',
			   				'opacity':'0.30'
		                 };
	
	
	var CSSDatalayer	= {	'position':'fixed',
							'left':'50%',
							'top':'50%',
							'z-index':'101'
         				  };	
	
	
	if( $.browser.msie){
		//Target IE6
		if ($.browser.version >= 6 && $.browser.version < 7){
			CSSoverlay.position = 'absolute';
			CSSoverlay.height = ($('body').height() + 10) + 'px' ;
			
			CSSDatalayer.position = 'absolute';
		}
		
		//Target IE7
		if ($.browser.version == 7){
			//Implement if you need apply espcial CSS or hack IE7
		}
		
	}
	
	//firstBodyChild.prepend(overlayHtml);
	$('body').append(overlayHtml);
	
	var overlay = $("div#__overlay__");
	overlay.css(CSSoverlay);
	overlay.click(removeOverlay);
	
	var datalayer = $("div#__content__");
	datalayer.css(CSSDatalayer);

	//disableScrolBar();
}

function removeOverlay(){
	$("div#__overlay__").remove();
	$("div#__content__").remove();
	//enableScrolBar();
}

function disableScrolBar(){
	$("body").css("overflow","hidden");
	$("html").css("overflow","hidden");
}

function enableScrolBar(){
	$("body").css("overflow","auto");
	$("html").css("overflow","auto");
}