Jquery Pop Up a layer

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd“>
<html xmlns=”http://www.w3.org/1999/xhtml“>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ />
<title>jQuery pop up</title>
<style type=”text/css”>
       body { font: 12px Georgia, serif; }
       a { text-decoration: none; }
      #header{margin:50px auto}
      #header p{text-align:center;font-size:16px;font-weight:bold}
      #box{width:400px;height:200px;margin:50px auto;background-color:#ccc;text-align:center}
      #dialog-overlay{width:100%;height:100%;background:#000;position:absolute;top:0;left:0;z-index:4000;display:none;filter:alpha(opacity=60);-moz-opacity:0.6;-khtml-opacity:0.6;opacity:0.6}
      #dialog-box{display:none;background:#f7f7f7;width:328px;position:absolute;z-index:5000;-moz-box-shadow:0 0 5px #bbb;-webkit-box-shadow:0 0 5px #bbb}
.dialog-content{padding:10px;margin:13px;color:#666;text-align:center}
      #close{margin:10px auto 0 auto;text-align:center;background-color: #e33100;display: block;width:50px;padding: 5px 10px 6px;color: #fff}
#footer{text-align:center;font-size:14px}
</style>
<script type=”text/javascript” src=”http://ajax.233.wiki/ajax/libs/jquery/1.4.0/jquery.min.js”></script>

<script type=”text/javascript”>
function popup(){
    var maskHeight = $(window).height(); 
 var maskWidth = $(window).width();
 var dialogTop =  $(window).scrollTop() + ($(‘#dialog-box’).height()/3);
 var dialogLeft = (maskWidth/2) – ($(‘#dialog-box’).width()/2);
 $(‘#dialog-overlay’).css({height:maskHeight, width:maskWidth}).show();
 $(‘#dialog-box’).css({top:dialogTop, left:dialogLeft}).show(); 
}
$(function(){
$(‘#close,#dialog-overlay’).click(function(){$(‘#dialog-overlay,#dialog-box’).hide();});
$(window).resize(function(){if(!$(‘#dialog-box’).is(‘:hidden’)) popup();});
$(‘#box’).click(function(){popup();});
})
</script>
</head>
<body>
<div id=”header”>
<p>jQuery pop up</p>
</div>
<div id=”box”>Click here</div>
<div id=”dialog-overlay”></div>
<div id=”dialog-box”>
<div>
<div id=”dialog-message”>

</div>
<a href=”javascript:void(0);” id=”close”>Close</a>
</div>
</div>
<div id=”footer”>

</div>
</body>
</html>