// Create the tooltips only on document load
$(document).ready(function() 
{
  
   $('nav.products_list ul li ul li a[href][title]').each(function(){
	   	$(this).attr('tooltip', $(this).attr('title') );
	   	$(this).removeAttr('title');
	   $(this).qtip({
			position: {
				at: "right center",
				my: "left center"
			},
			
			content: {
				text: "<div class=\"qtipback\"><img src=\"" + $(this).attr('tooltip') + "\"/></div>"
				//text : 'cooltip'
			},
			hide: {
				effect: function(api) { $(this).slideUp(undefined, function () {$(this).dequeue();}); }
			},
			show: {
				effect: function(api) { $(this).slideDown(undefined, function () {$(this).dequeue();}); }
			}
		});
  

   });
   
});