/*
http://www.kriesi.at/archives/create-simple-tooltips-with-css-and-jquery-part-2-smart-tooltips
http://www.css-lecture.com/log/javascript/017.html
CSSとjQueryを使ってマウスオーバー時にポップアップ表示にするTooltips
*/

simple_tooltip("div#bbs2 img.wn-photo","tooltip");

function simple_tooltip(target_items, name){
	jQuery(target_items).each(function(i){
		jQuery("body").append('<div class="'+name+'" id="'+name+i+'"><img id="'+name+i+'" />'+jQuery(this).html()+'</div>');
		jQuery("img#"+name+i).attr("src", "lib/imgloader.php?url="+jQuery(this).attr('src'));
		var my_tooltip = jQuery("div#"+name+i);
		if(jQuery(this).attr("src") != "" && jQuery(this).attr("src") != "undefined" ){
			jQuery(this).removeAttr("title").mouseover(function(){
				my_tooltip.css({opacity:0.9, display:"none"}).fadeIn(400);
			}).mousemove(function(kmouse){
				var border_top = jQuery(window).scrollTop(); 
				var border_right = jQuery(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"});				  
			});
		}
	});
}