var tip_info;

function set_tooltip(){
	var tooltip_html='<div class="tooltip"><div class="top"><div class="L"></div><div class="M"></div><div class="R"></div></div><div class="mid"><div class="L"></div><div class="M"></div><div class="R"></div></div><div class="dwn"><div class="L"></div><div class="M"></div><div class="R"></div></div></div>';
	$('body').append(tooltip_html);
	tooltip_ON();	
}

function tooltip_ON(){
	$(".tip").mouseenter(function(e){
		tip_info=$(this).attr('title');
		$(".tooltip .mid .M").empty();
		$(".tooltip .mid .M").append(tip_info);
    	$(".tooltip").show();
		$(this).removeAttr('title');
	});
	$(".tip").mousemove(function(e){
		var sW=$(window).width();
		var infoW=$(".tooltip .mid .M").width();
		$(".tooltip .top .M").css('width',infoW);
		$(".tooltip .dwn .M").css('width',infoW);
		
		limR=e.pageX+infoW+20;
		if(limR>sW){
			$(".tooltip").css({
				top: (e.pageY + 5) + "px",
	        	left: (e.pageX - infoW) + "px"
	    	});	
		}
		else{
			$(".tooltip").css({
				top: (e.pageY + -30) + "px",
        		left: (e.pageX + 15) + "px"
    		});
		}
	});
	$(".tip").mouseleave(function(e){
		$(this).attr('title',tip_info);
    	$(".tooltip").hide();
	});
}