<!--Подсказки в объявление-->
<!-- jquery уже подключен --> 
<script type="text/javascript">
$(document).ready(function() {

	//Tooltips
	$(".tip_trigger").hover(function(){
    $(this).find('.tip').show(); //Show tooltip
	}, function() {
    $(this).find('.tip').hide(); //Hide tooltip      
	}).mousemove(function(e) {
      var mousex = e.pageX + 20; //Get X coodrinates
      var mousey = e.pageY + 20; //Get Y coordinates
      var tipWidth = $(this).find('.tip').width(); //Find width of tooltip
      var tipHeight = $(this).find('.tip').height(); //Find height of tooltip
     
     //Distance of element from the right edge of viewport
      var tipVisX = $(window).width() - (mousex + tipWidth); 
      var tipVisY = $(window).height() - (mousey + tipHeight);
      
    if ( tipVisX < 20 ) { //If tooltip exceeds the X coordinate of viewport
    	mousex = e.pageX - tipWidth - 20;
    	$(this).find('.tip').css({  top: mousey, left: mousex });
    } if ( tipVisY < 20 ) { //If tooltip exceeds the Y coordinate of viewport
    	mousey = e.pageY - tipHeight - 20;
    	$(this).find('.tip').css({  top: mousey, left: mousex });
    } else {
    	$(this).find('.tip').css({  top: mousey, left: mousex });
    }
	});
});
</script>

<style type="text/css">
.tip_trigger{
 position:relative;
}
.tip_trigger .tip {
 display:none;
 width:180px!important;
 margin-top:18px!important;
 margin-left:-10px!important;
 top:0!important;
 left:0!important;
 position:absolute;
}
.tip_trigger:hover >.tip {
 display:block!important;
}
</style>