$(document).ready(function(){
  
    $(".productItem").mouseover(function () {    
        var pos = $(this).position();

        pos.top = pos.top - 52;
        if($(this).hasClass('padder')) {
            pos.left = pos.left + 70;            
        }
        else {
            pos.left = pos.left + 60;                     
        }

        var tooltipId = $(this).attr('id').replace( /productItem/ ,'tooltip' );
        if($(this).children().index($("#"+tooltipId)) == -1) {
            $("#"+tooltipId).clone().appendTo($(this));
        }
        $("#"+tooltipId).css('top', pos.top);
        $("#"+tooltipId).css('left', pos.left);

        $("#"+tooltipId).show();       
    });
    
    $(".productItem").bind("mouseleave", function () {    
        var tooltipId = $(this).attr('id').replace( /productItem/ ,'tooltip' );
        $("#"+tooltipId).toggle();       
    });
    
});