/* 
Tooltips
----------
For use:
Target -> html element containing a div with the tooltip data
Name -> name for the tooltip box (normally tooltip)

*/
function simple_tooltip(target, name){
 $(target).each(function(i){
						 
		$("body").append("<div class='"+name+"' id='"+name+i+"'><p>"+$(this).children('div').html()+"</p></div>");
		
		var my_tooltip = $("#"+name+i);

		if($(this).html() != "" && $(this).html() != "undefined" ){

		$(this).removeAttr("title").mouseover(function(){
					my_tooltip.css({opacity:0.8, filter:"alpha(opacity=80)", 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 = 15;
				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"});
		});

		}

	});
}