// JScript File
$(document).ready(function() {
	$('.toolTip').hover(
		function() {
		this.tip = this.title;
		$(this).append(
		  '<div class="toolTipWrapper">'
    +          '<table width=\"100%\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\">'
   +'<tr><td width=\"13\"><img src=\"/DN/coffeemate/notacinta/images/pinkCorner_sideArrow.gif\" width=\"13\" height=\"10\" /></td>'
   + ' <td width=\"160\"><table width=\"100%\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\">'
    + ' <tr>'
      +  '<td><img src=\"/DN/coffeemate/notacinta/images/pinkCorner_top.gif\" width=\"160\" height=\"9\" /></td>'
     + '</tr>'
    + ' <tr>'
   +   '  <td valign=\"top\" class=\"pinkmidSec\">'
   +this.tip
   + '</td>'
   +  ' </tr>'
   +   '<tr>'
     +  ' <td><img src="/DN/coffeemate/notacinta/images/pinkCorner_btm.gif" width="160" height="8" /></td>'
      + ' </tr>'
    + '</table></td>'
 + ' </tr>'
+ '</table> </div>'

             
		
		);
		this.title = "";
		this.width = $(this).width();
		$(this).find('.toolTipWrapper').css({left:this.width+20})
		$('.toolTipWrapper').fadeIn(300);
	},
	function() {
		$('.toolTipWrapper').fadeOut(100);
		$(this).children().remove();
			this.title = this.tip;
		}
	);
});