/*
 * Tooltip script 
 * powered by jQuery (http://www.jquery.com)
 * 
 * written by Alen Grakalic (http://cssglobe.com)
 * 
 * for more info visit http://cssglobe.com/post/1695/easiest-tooltip-and-image-preview-using-jquery
 *
 */
this.tooltip = function(){
  /* CONFIG */		
  xOffset = 10;
  yOffset = 20;		
  // these 2 variable determine popup's distance from the cursor
  // you might want to adjust to get the right result		
  /* END CONFIG */
  
  $(".tooltip").hover(function(e){											  
   //$content = this.title;
   //this.title = "";
   
   // probably a cleaner way to do this without having to re-create the elements
   $content = '<h4>'+$(this).children("h4").html()+'</h4>';
   $content += '<p class="description">'+$(this).children("p.description").html()+'</h4>';
   $content += '<p class="price"><strong>Price:</strong> '+$(this).children("p.price").html()+'</p>';
   
   $("body").append("<div id='tooltip'>"+ $content +"</div>");
   $("#tooltip")
    .css("top",(e.pageY - xOffset) + "px")
    .css("left",(e.pageX + yOffset) + "px")
    .fadeIn("fast");
     },
  function(){
   //this.title = $content;
   $("#tooltip").remove();
     });
  $(".tooltip").mousemove(function(e){
   $("#tooltip")
    .css("top",(e.pageY - xOffset) + "px")
    .css("left",(e.pageX + yOffset) + "px");
  });
};



// starting the script on page load
$(document).ready(function(){
	tooltip();
});