this.tooltip = function(){	

	t = '';

	$(".talk").mouseover(function(e){

		xOffset = $(this).offset().top;
		yOffset = $(this).offset().left;

		if(t) clearTimeout(t);

		var contents = $("span", this).html();
		
		$("body").append('<div id="talkbox" class="box"><div class="before"></div><div class="inner">'+ contents +'</div><div class="after"></div></div>');

		var talkbox = $("#talkbox");
		talkbox
			.css("top",(xOffset - talkbox.innerHeight()) + "px")
			.css("left",(yOffset - (talkbox.innerWidth()-190-($(this).width()/2))) + "px")
			.show();
    }),

	$(".talk").mouseout(function(){
		t = setTimeout(function() {
			$("#talkbox").hide();
		}, 500);
    });

	/*$(".talk").mousemove(function(e){
		var talkbox = $("#talkbox");
		$("#talkbox")
			.css("top",(e.pageY - xOffset - talkbox.innerHeight()) + "px")
			.css("left",(e.pageX + yOffset - (talkbox.innerWidth()/2)) + "px");
	});*/
};

$(document).ready(function(){
	tooltip();

	if($(".fade").length) {
		$(".fade").innerfade({speed: "1000",timeout: "6000"});
	}

});