(function ($) 
{
    $.fn.Zoomer = function (b) { 
    var c = $.extend({ speedView: 200, speedRemove: 400, altAnim: false, speedTitle: 700, debug: false }, b); var d = $.extend(c, b); function e(s) { if (typeof console != "undefined" && typeof console.debug != "undefined") { console.log(s) } else { alert(s) } } if (d.speedView == undefined || d.speedRemove == undefined || d.altAnim == undefined || d.speedTitle == undefined) { e('speedView: ' + d.speedView); e('speedRemove: ' + d.speedRemove); e('altAnim: ' + d.altAnim); e('speedTitle: ' + d.speedTitle); return false } if (d.debug == undefined) { e('speedView: ' + d.speedView); e('speedRemove: ' + d.speedRemove); e('altAnim: ' + d.altAnim); e('speedTitle: ' + d.speedTitle); return false } if (typeof d.speedView != "undefined" || typeof d.speedRemove != "undefined" || typeof d.altAnim != "undefined" || typeof d.speedTitle != "undefined") { if (d.debug == true) { e('speedView: ' + d.speedView); e('speedRemove: ' + d.speedRemove); e('altAnim: ' + d.altAnim); e('speedTitle: ' + d.speedTitle) } $(this).hover(function () { $(this).css({ 'z-index': '10' }); $(this).find('img').addClass("hover").stop().animate({ marginTop: '-110px', marginLeft: '-110px', top: '20%', left: '20%', width: '370px', height: '300px', padding: '10px' }, d.speedView); if (d.altAnim == true) { var a = $(this).find("img").attr("alt"); if (a.length != 0) { $(this).prepend('<span class="title">' + a + '</span>'); $('.title').animate({ marginLeft: '-10px', marginTop: '200px' }, d.speedTitle).css({ 'z-index': '10', 'position': 'absolute', 'float': 'left' }) } } }, function () { $(this).css({ 'z-index': '0' }); $(this).find('img').removeClass("hover").stop().animate({ marginTop: '0', marginLeft: '0', top: '0', left: '0', width: '200px', height: '200px', padding: '5px' }, d.speedRemove); $(this).find('.title').remove() }) } } })(jQuery);