(function($) {
    $.ifixpng = function(customPixel) {
        $.ifixpng.pixel = customPixel;
    };

    $.ifixpng.getPixel = function() {
        return $.ifixpng.pixel || '/styles/images/pixel.gif';
    };

    var hack = {
        ltie7: $.browser.msie && /MSIE\s(5\.5|6\.)/.test(navigator.userAgent),
        filter: function(src) {
            return "progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src='" + src + "')";
        }
    };
    $.fn.ifixpng = hack.ltie7 ? function() {
        return this.each(function() {
            var $$ = $(this);
            var base = $('base').attr('href'); // need to use this in case you are using rewriting urls
            if ($$.is('img') || $$.is('input')) { // hack image tags present in dom
                if ($$.attr('src').match(/.*\.png([?].*)?$/i)) { // make sure it is png image
                    // use source tag value if set 
                    var source = (base && $$.attr('src').substring(0, 1) != '/') ? base + $$.attr('src') : $$.attr('src');
                    // apply filter
                    $$.css({ filter: hack.filter(source), width: $$.width(), height: $$.height() })
					  .attr({ src: $.ifixpng.getPixel() })
					  .positionFix();
                }
            } else { // hack png css properties present inside css
                var image = $$.css('backgroundImage');
                if (image.match(/^url\(["']?(.*\.png([?].*)?)["']?\)$/i)) {
                    image = RegExp.$1;
                    $$.css({ backgroundImage: 'none', filter: hack.filter(image) })
					  .positionFix();
                }
            }
        });
    } : function() { return this; };

    $.fn.iunfixpng = hack.ltie7 ? function() {
        return this.each(function() {
            var $$ = $(this);
            var src = $$.css('filter');
            if (src.match(/src=["']?(.*\.png([?].*)?)["']?/i)) { // get img source from filter
                src = RegExp.$1;
                if ($$.is('img') || $$.is('input')) {
                    $$.attr({ src: src }).css({ filter: '' });
                } else {
                    $$.css({ filter: '', background: 'url(' + src + ')' });
                }
            }
        });
    } : function() { return this; };

    $.fn.positionFix = function() {
        return this.each(function() {
            var $$ = $(this);
            var position = $$.css('position');
            if (position != 'absolute' && position != 'relative') {
                $$.css({ position: 'relative' });
            }
        });
    };

})(jQuery);