function overLayerShow(){ /*設置mask位置*/
			renderMask()
			renderDialogBox()
			//顯示內容
		}
		
		function renderDialogBox(){

			//center dialog
			dialogLeft = (($(window).width()/2) - ($('#dialog-box').width()/2)) ;
			dialogHeight = $(window).height()/1.2;
			$(window).scrollTop(0);
			//show dialog
			$('#dialog-box').css({top:30, left:dialogLeft}).show().fadeIn(500);

	
					//close button position 
				position = $('#dialog-box').offset();   
				x = position.right;   
				y = position.top;   
				$('#close').css({top:12, left:dialogLeft+720}).show().fadeIn(500);

			}
		
		function renderMask(){
					maskHeight =$(document).height(); 
					maskWidth = $(document).width();
		if($.browser.msie && $.browser.version=="6.0"){
			maskWidth = maskWidth -17;
			}; 



					
					$('#dialog-overlay').css({"left":0, "top":0, "height":maskHeight, "width":maskWidth}).fadeIn(500); 
			}
	
		 $(window).scroll(function () {
			 if (!$('#dialog-overlay').is(':hidden')){
				  renderMask()
				 }
			 						
			  });


			//borwser resize
			$(window).resize(function(){if(!$('#dialog-box').is(':hidden'))  overLayerShow()});    

 	//jquery show or hindden over layer 
	$(function(){
			$('#close,#dialog-overlay').click(function(){
			$('#close,#dialog-overlay,#dialog-box').hide();});
			
			//reset opacity
			document.getElementById("dialog-overlay").style.opacity = "0.7";
			document.getElementById("dialog-overlay").style.filter = "alpha(opacity=70)";
	
			

	})