//http://www.kriesi.at/archives/create-simple-tooltips-with-css-and-jquery-part-2-smart-tooltips

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 id='triangle'>   <img src='img/arrow90.gif' /> </div></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 hOffset = 30;
				var vOffset = 13;
				if(border_right - (hOffset *2) >= my_tooltip.width() + kmouse.pageX){
					left_pos = kmouse.pageX+(-hOffset);
					} else{
					left_pos = border_right-my_tooltip.width()+ hOffset;
					}

				if(border_top + (vOffset *2)>= kmouse.pageY - my_tooltip.height()){
					top_pos = border_top + vOffset;
					} else{
					top_pos = kmouse.pageY-my_tooltip.height() - vOffset;
					}	

				my_tooltip.css({left:left_pos, top:top_pos});
		})
		
		.mouseout(function(){
				my_tooltip.css({left:"-9999px"});
		});

		}

	});
}

//change the first of the arguments below to choose what elements the tooltip gets aplied to
$(document).ready(function(){
	simple_tooltip("#imageFrameFront img","tooltip");
	simple_tooltip("#GFAIDfront a","tooltip");
	 simple_tooltip("#GFAID a","tooltip");
	  simple_tooltip("#imageFrame img","tooltip");
	  
	  
 
	
});