var hoveredElement; 
var timerVariable;

jQuery(document).ready(function(){

	jQuery("ul.tooltipp li").tooltipp();

});

function showProductTooltip() {
    clearTimeout(timerVariable);
		jQuery(hoveredElement).addClass("hover");
		jQuery('ul:first',hoveredElement).css('visibility', 'visible');
}

jQuery.fn.tooltipp = function() {
  jQuery('#productList .tooltipp ul').css('visibility', 'hidden');
	jQuery(this).hover(function(){
	  clearTimeout(timerVariable);
	  timerVariable=setTimeout("showProductTooltip()",400);
	  hoveredElement = this;
	},function(){
	  clearTimeout(timerVariable);
		jQuery(this).removeClass("hover");
		jQuery('ul:first',this).css('visibility', 'hidden');
	});

}
