// http://www.css-lecture.com/log/javascript/017.html
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("a","tooltip");
//    });

$(document).ready(function(){
	simple_tooltip("#contents a","tooltip");
    });