function simple_tooltip(target_items, name){   
$(target_items).each(function(i){   
       $("body").append("<div class='"+name+"' id='"+name+i+"'><p>"+$(this).attr('title')+"</p></div>");   
       var my_tooltip = $("#"+name+i);   
          
       if($(this).attr("title") != "" && $(this).attr("title") != "undefined" ){   
          
       $(this).removeAttr("title").mouseover(function(){   
                   my_tooltip.css({opacity:0.8, display:"none"}).fadeIn(400);   
        }).mousemove(function(kmouse){   
                var border_top = $(window).scrollTop();    
                var border_right = $(window).width();   
                var left_pos;   
                var top_pos;   
                var offset = 20;   
                if(border_right - (offset *2) >= my_tooltip.width() + kmouse.pageX){   
                    left_pos = kmouse.pageX+offset;   
                    } else{   
                    left_pos = border_right-my_tooltip.width()-offset;   
                    }   
                       
                if(border_top + (offset *2)>= kmouse.pageY - my_tooltip.height()){   
                    top_pos = border_top +offset;   
                    } else{   
                    top_pos = kmouse.pageY-my_tooltip.height()-offset;   
                    }      
                   
                   
                my_tooltip.css({left:left_pos, top:top_pos});   
        }).mouseout(function(){   
                my_tooltip.css({left:"-9999px"});                    
        });   
           
        }   
  
    });   
}   
  
       
$(document).ready(function(){   
     //simple_tooltip(".simple_tooltip, span","tooltip");   
     simple_tooltip(".simple_tooltip","tooltip");   
}); 
