<div id="dialog-overlay"></div>  
 <div id="dialog-box">  
     <div class="dialog-content">  
         <div id="dialog-message"></div>  
         <a href="#" class="button">Закрыть</a>  
     </div>  
 </div> 
<style type="text/css">
   #dialog-overlay {  
     
       width:100%;   
       height:100%;  
         
       filter:alpha(opacity=50);   
       -moz-opacity:0.5;   
       -khtml-opacity: 0.5;   
       opacity: 0.5;   
       background:#000;   
     
      position:absolute;   
      top:0; left:0;   
      z-index:9000;   
    
      display:none;  
  }  
    
    
  #dialog-box {  

       background-image: url("https://upforme.ru/uploads/000a/f1/e5/161-1-f.png"); 
       background-position: top center;
       background-repeat: no-repeat;
       width:347px;  
         
      position:absolute;   
      z-index:9000;   
    
      display:none;  
  }  
    
  #dialog-box .dialog-content {  
      text-align:center;   
      padding:10px;   
      margin:13px;  
      color:#666;   
      font-family:arial;  
      font-size:11px;   
  }  

  a.button {  
      margin:10px auto 0 auto;  
      text-align:center;  
      display: block;  
      width:50px;  
      padding: 5px 10px 6px;  
      color: #000;  
      text-decoration: none;  
      font-weight: bold;  
      line-height: 1;  
        
      background-color: #4ca0e9; 
      color: #fff;   
        
  }  
    
  a.button:hover, a.button:link{  
      background-color: #51a8f5;    
      color: #fff;  
  }  
    
  #dialog-box .dialog-content p {  
      font-weight:700; margin:0;  
  }  
    
  #dialog-box .dialog-content ul {  
      margin:10px 0 10px 20px;   
      padding:0;   
      height: 93px;  
 }  
</style>

<script type="text/javascript" src="http://kagayan.narod.ru/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function () {

	$('a.btn-ok, #dialog-overlay, #dialog-box').click(function () {
$('#dialog-overlay, #dialog-box').hide();
return false;
	});
	
	$(window).resize(function () {

if (!$('#dialog-box').is(':hidden')) popup();
	});	
	
	
});

function popup(message) {

	var maskHeight = $(document).height();  
	var maskWidth = $(window).width();

	var dialogTop =  (maskWidth/4) - ($('#dialog-box').height());  
	var dialogLeft = (maskWidth/2) - ($('#dialog-box').width()/2);


	$('#dialog-overlay').css({height:maskHeight, width:maskWidth}).show();
	$('#dialog-box').css({top:dialogTop, left:dialogLeft}).show();
	
	$('#dialog-message').html(message);
	
}
</script>

<script language="JavaScript">
var str = new String(document.getElementById("navpm").innerHTML)
var str2 = new String(document.location)

if( (str.indexOf("(") != -1) && (str2.indexOf("messages.php") == -1) )
{
javascript:popup('У Вас есть непрочитанные личные сообщения!')

}
</script>