jQuery(document).ready(function(){
	jQuery(function() {

		var offsetX = -20;
		var offsetY = -105;
        
		jQuery('.viewtooltips').hover(function(e) {   
			var mytooltipsContent = jQuery(this).find('.my-tooltips').html();                                       
			var myid = jQuery(this).attr('id');    
			jQuery('<div class="content-tooltips '+myid+'-class"><div class="bottom-tooltips">'+mytooltipsContent+'</div></div>')
			.appendTo('body');             
			var tooltipsHeight = jQuery('.content-tooltips').height();                                                                                      
			jQuery('.content-tooltips')                                                                                      
			.css('top', (e.pageY - tooltipsHeight) + offsetX)
			.css('left', e.pageX + offsetY)      
		}, function() {
			jQuery('.content-tooltips').remove();
		});

		jQuery('.viewtooltips').mousemove(function(e) {    
			var tooltipsHeight = jQuery('.content-tooltips').height(); 
			jQuery(".content-tooltips").css('top', (e.pageY - tooltipsHeight) + offsetX).css('left', e.pageX + offsetY).css('position', 'absolute');
		});
  
	});	    
});           


/*
jQuery(document).ready(function(){
	jQuery(function() {

		var offsetX = 50;
		var offsetY = -7;

		jQuery('.viewtooltips').hover(function(e) {   
			var mytooltipsContent = jQuery(this).find('.my-tooltips').html();                                       
			var myid = jQuery(this).attr('id');  
			var otherPosit = jQuery('.jaune').offset();   
			var myPosition = jQuery(this).position(); 
			jQuery('<div class="content-tooltips '+myid+'-class"><div class="bottom-tooltips">'+mytooltipsContent+'</div></div>')
			.css('top', otherPosit.top + myPosition.top + offsetY)
			.css('left', otherPosit.left + myPosition.left + offsetX)
			.appendTo('body');       
		}, function() {
			jQuery('.content-tooltips').remove();
		});
	});	    
});
*/