<!-- IP гостя -->
<style type="text/css">
#pun-online .tcl .wink {
  border: 1px solid #999;
  border-radius: 3px;
  font: normal 11px Tahoma;
  color:#000; /* цвет */
  padding: 5px 5px 5px 25px;
  box-shadow: 3px 3px 3px -2px rgba(0,0,0,0.5);
  background: #ffffed url('http://spb-piksel.ru/20x20-Info.png') 2px center no-repeat;
}
#pun-online .tcl .wink {
  cursor:pointer;
}
#pun-online .infoIp,
#pun-online .infoIp .wrp{
    background-color: #fff;
    -webkit-border-radius:15px;
    -khtml-border-radius:15px;
    -moz-border-radius:15px;
    -o-border-radius:15px;
    -ms-border-radius:15px;
    border-radius:15px;
}
#pun-online .infoIp {
    opacity:0.78;
    padding:10px; 
    height:125px;width:700px;
    border:#8499BE solid 3px;   
    -webkit-box-shadow:0px 2px 8px #000;
    -khtml-box-shadow:0px 2px 8px #000;
    -moz-box-shadow:0px 2px 8px #000;
    -ms-box-shadow:0px 2px 8px #000;
    box-shadow:0px 2px 8px #000;
}
#pun-online .wrp{
    position:relative;
    width:700px;
    overflow:hidden;
    height:125px;
}
.infoIp .wrp iframe {
 margin-top:-765px!important;
}
</style>
<script type="text/javascript">
$('#pun-online .tcl:contains("Гость") a').each(function() {
   var a=$(this)[0].title;$(this).after(' <span class="wink">'+a+'</span>')
});
function hideTh(img){
  setTimeout(function(){$(img).remove()},5000) 
}
(function(){
$(document).ready(function(){
var INFO_marginLeft = 165;
var INFO_marginTop = -53;

$('#pun-online .tcl span.wink:not(.load)').live('mouseover',function(){
var OnIP = $(this).prev('a').text();
  var index = $('#pun-online .tcl span.wink').index(this);
  var divId='indexIP-'+index;
  $(this).attr('data','#'+divId); 
  var offsetTop = $(this).offset().top-$(this).height();
  var link ='http://www.ip-ping.ru/ipinfo/?ipinfo='+OnIP;
  var iframe = '<div style="position:absolute;z-index:10000;top:'+ offsetTop+'px;margin-top:'+INFO_marginTop+'px;margin-left:'+INFO_marginLeft+'px;" class="infoIp active" id="'+divId+'">\
<div class="wrp"><iframe id="iframe_'+index+'" style="position:absolute;margin-top:-403px; margin-left:370px;left:-750px;width:1500px;height:1500px;"  width="1500" height="1500" src="'+link+'"></iframe>\
<img class="pre-img" style="position:absolute;left:100%;margin-left: -40px" src="http://s2.uploads.ru/lQfLg.gif" width="40" onload="hideTh(this)" />\
</div></div>';
  $("#pun-online .infoIp").fadeOut(800,function(){$('#pun-online .tcl span.wink').removeClass('active');});
  $(this).addClass('active load');
  iframe = $(iframe); iframe.appendTo("#pun-online");
});

$('#pun-online .tcl:not(:has(.active)) span.load').live('mouseenter',function(){
     var a=$("#pun-online .infoIp").hide();
     $('#pun-online .tcl span.load.active').removeClass('active');
     $(this).addClass('active');
     $($(this).attr("data")).show()
 })

$('#pun-online .tcl span.wink.load.active').live('mouseleave',function(){
     $("#pun-online .infoIp").hide();
     $('#pun-online .tcl span.load.active').removeClass('active');
     
 });
 });
})()
</script>
<!--//End = IP гостя -->

<link rel="stylesheet" type="text/css" href="http://forumstatic.ru/files/0010/b4/f8/22491.css"/>
<script type="text/javascript">
function hideTh(img){
  setTimeout(function(){$(img).remove()},5000) 
}
(function(){
$(document).ready(function(){
var INFO_marginLeft = 165;
var INFO_marginTop = -53;

$('#pun-online .tcl:nth-child(1) a:not(.load)').live('mouseover',function(){
  if($(this).parents('.tcl').text().indexOf('Гость')!=-1) {
    var index = $('#pun-online .tcl:nth-child(1) a').index(this);
    var divId='indexIP-'+index;
    $(this).attr('data','#'+divId); 
    var offsetTop = $(this).offset().top-$(this).height();
    var link ='http://www.ip-ping.ru/ipinfo/?ipinfo=';
    link+=$(this).html().replace(/[^\.\d]/ig,'');
    var iframe = '<div style="position:absolute;z-index:10000;top:'+ offsetTop+'px;margin-top:'+INFO_marginTop+'px;margin-left:'+INFO_marginLeft+'px;" class="infoIp active" id="'+divId+'">\
<div class="wrp"><iframe id="iframe_'+index+'" style="position:absolute;margin-top:-742px; margin-left:370px;left:-750px;width:1500px;height:1500px;"  width="1500" height="1500" src="'+link+'"></iframe>\
<img class="pre-img" style="position:absolute;left:100%;margin-left: -40px" src="http://s2.uploads.ru/lQfLg.gif" width="40" onload="hideTh(this)" />\
</div></div>';
    $("#pun-online .infoIp").fadeOut(800,function(){$('#pun-online .tcl:nth-child(1) a').removeClass('active');});
    $(this).addClass('active load');
    iframe = $(iframe); iframe.appendTo("#pun-online");
  }
});

$('#pun-online .tcl:nth-child(1):not(:has(.active)) a.load').live('mouseenter',function(){
     var a=$("#pun-online .infoIp").hide();
     $('#pun-online .tcl:nth-child(1) a.load.active').removeClass('active');
     $(this).addClass('active');
     $($(this).attr("data")).show()
 })

$('#pun-online ..tcl:nth-child(1) a.load.active').live('mouseleave',function(){
     $("#pun-online .infoIp").hide();
     $('#pun-online .tcl:nth-child(1) a.load.active').removeClass('active');
 });
 });
})()
</script>