$(function() {
	var content = $('.toolconteiner').html();
	while(1){
		var length = content.length;
		var n1 = content.indexOf("##");
		if(n1<0)
			break;
		
		var n2 = content.substring(n1+2, length-(n1+2)).indexOf("##");
		if(n2<0)
			break;
			
		var n3 = content.substring(n1+2+n2+2, length-(n1+2+n2+2)).indexOf("##");
		if(n3<0)
			break;
		
		var newtext = content.substring(0, n1);
		newtext += "<span class='tool'>";
		newtext += content.substring(n1+2, n1+2+n2);
		newtext += "</span><span class='tooltip'>";
		newtext += content.substring(n1+2+n2+2, n1+2+n2+2+n3);
		newtext += "</span>";
		newtext += content.substring(n1+2+n2+2+n3+2, n1+2+n2+2+n3+2+length);
		
		content = newtext;			
	}
	$('.toolconteiner').html(content);
	
	var name = "tooltip";
	
	$("span.tool").each(function(i){
		$("body").append("<div class='"+name+"' id='"+name+i+"'><p>"+$(this).next().html()+"</p></div>");
		var my_tooltip = $("#"+name+i);
		
		$(this).mouseover(function(){
			my_tooltip.css({opacity:0.9, display:"none"}).fadeIn(400);
			}).mousemove(function(kmouse){
			my_tooltip.css({left:kmouse.pageX+15, top:kmouse.pageY});
			}).mouseout(function(){
			my_tooltip.fadeOut(400);
		});
	});
});