$(document).ready(function() {

    $('body').append('<div class="tooltip"></div>');
    var tooltip = $('.tooltip');

    $('.animatedPanel img').hover(function() {
        tooltip.css({ left: $(this).offset().left - 30, top: $(this).offset().top + $(this).height() - 10 }).slideDown('normal');
        tooltip.text($(this).attr('data-tooltiptext'));
    }, function() {
        tooltip.hide();
    });

    tooltip.mouseout(function() { $(this).hide(); });
    $('.next, .prev').mouseover(function() {
        tooltip.hide();
    });

    $('#productGallery').mouseout(function() {
        tooltip.hide();
    });

});