$(document).ready(function() { 

 var omg_obk={    
    id:"popimg_1",
	close_class:"close_pop",
	content:'<img src="images/chat_image.png" border="0" usemap="#Map_pop" /><map name="Map_pop" id="Map_pop"><area shape="rect" coords="32,153,209,183" href="#chat" onclick="chat_desk(); return false;"/><area shape="rect" coords="48,195,190,222" href="#close" class="close_pop" /></map>'
	
 }
 img_popp(omg_obk);
 function img_popp(obj){
 //alert("ffffff");
    if( $('#'+obj.id).attr('id') != obj.id ){
	
	     $('<div id='+obj.id+' style="position:absolute; left:20px">'+obj.content+'</div>').prependTo('body');
		 var t_op = ( $(window).height()/2-$('#'+obj.id).height()/2+$(document).scrollTop()  );
		  $('#'+obj.id).fadeOut(90).css('top',-4*t_op);
		 var delay_id = setTimeout(function(){
		                t_op = ( $(window).height()/2-$('#'+obj.id).height()/2+$(document).scrollTop()  );
		                 $('#'+obj.id).css('top',-(4*t_op)).animate({opacity: 'toggle',top: t_op }, 2000);		
			             clearTimeout(delay_id);
		                 },5000);
		 //.fadeIn(800)
	}
	$(window).bind('scroll',function(){
	// 
	    var t_op = ( $(window).height()/2-$('#'+obj.id).height()/2+$(document).scrollTop()  );
		//$('#'+obj.id).html(t_op);
	    $('#'+obj.id).css('top',t_op  );
	});
	
	$('#'+obj.id+' .'+obj.close_class).bind('click',function(){
	   $('#'+obj.id).fadeOut(300); return false;
	});
 }

 
   
});