$(document).ready(function() {
    $('ul.prods li a img').each(function() {
        $(this).parent().data('imgsrc', $(this).attr('src'));
    });
    $('ul.prods li a').each(function() {
        $(this).mouseover(function() {
            if ($('.bt-wrapper').length > 0)
                $('ul.prods li a').btOff();
            var ahover = $(this);
            ahover.parent().css('opacity', '1');
            ahover.parent().css('filter','none');
            ahover.parent().siblings().css('opacity','0.5');
            ahover.parent().siblings().css('filter','none');
            if (!ahover.data('baloon')) {
                var imgsrc = ahover.data('imgsrc');
                var baloonSrc = imgsrc.replace(/[^\/]+\.png$/, '')+'b_'+imgsrc.match(/[^\/]+\.png$/);
                baloonSrc = baloonSrc.replace('.png','.gif');
                var baloon = $('<img src="'+baloonSrc+'" style="display: none;" />');
                $('.page-container').append(baloon);
                $(baloon).load(function() {
                    var bwidth = $(this).width();
                    var bheight = $(this).height();
                    baloon.remove();
                    ahover.data('baloon', true);
                    ahover.bt('<img src="'+baloonSrc+'" height="'+bheight+'" width="'+bwidth+'">', 
                    {
                      width: bwidth, 
                      fill: 'rgba(255, 255, 255, 1)', 
                      cornerRadius: 0, 
                      padding: 10,
                      strokeWidth: 1,
                      strokeStyle: ahover.parent().css('color'),
                      trigger: ['mouseenter', 'mouseleave'],
                      spikeLength: 10,
                      spikeGirth: 15,
                      positions: ['top'],
                      interval: 200,
                      timeout: 200
                    });
                    ahover.mouseover();
                });
                baloon.src = baloonSrc;
            }
        });
        $(this).mouseout(function() {
            $('ul.prods li').css('opacity','1');
        });
    });
});