var tooltip_tracker;

this.tooltip = function(){
		xOffset = 30;
		yOffset = 5;
    $("img").hover(function(e){
		this.t = this.title;
		if(this.t == "") return;
		offset = $(this).offset();
		yOffset = ($(this).width() / 2) + 3;
		this.title = "";
		$("body").append("<span id='tooltip'>" +
                                  "<table cellspacing='0' cellpadding='0' border='0'>" +
                                  "<tr><td><div class='tooltip_bl'>" +
                                  "<div class='tooltip_br'><div class='tooltip_tl'><div class='tooltip_tr' id='tooltip_text'>" +
                                  this.t +"</div></div></div></div></td></tr><tr>" +
                                  "<td style='padding-left:10px;line-height:4px;'><img src='/images/pointer.gif'></td></tr></table></span>");
		$("#tooltip")
			.css("top",(offset.top - xOffset) + "px")
			.css("left",(offset.left - yOffset) + "px")
			.fadeIn("fast");
 		if($(this).attr("over") != null) {
                  $(this).attr("out", this.src);
                  this.src = $(this).attr("over");
                }
    },
	function(){
		this.title = this.t;
		$("#tooltip").remove();
		if($(this).attr("over") != null) {
                  $(this).attr("src", $(this).attr("out"));
                }
    });

};

 $(document).ready(function(){

   $(".tabbuttons_my").wrap('<div class="gray_t"><div class="gray_l_sl"><div class="gray_r_sl"><div class="gray_tl"><div class="gray_tr" style="padding:0px;text-align:center;">'+
     '</div></div></div></div></div>');


   $(".hover_tr").mouseover(function() {
     $(this).css("background", "#D0EEF7");
   }).mouseout(function() {
     $(this).css("background", "#ffffff");
   });

   tooltip();

 });