/*
 * jQuery ifixpng plugin
 * renamed from pngfix to ifixpng due to naming conflict 
 * with another plugin
 * Version 1.7  (18/09/2007)
 * @requires jQuery v1.1.3 or above
 *
 * Examples at: http://jquery.khurshid.com
 * Copyright (c) 2007 Kush M.
 * Dual licensed under the MIT and GPL licenses:
 * http://www.opensource.org/licenses/mit-license.php
 * http://www.gnu.org/licenses/gpl.html
 */
 
 /**
  *
  * @example
  *
  * optional if location of pixel.gif if different to default which is images/pixel.gif
  * $.ifixpng('media/pixel.gif');
  *
  * $('img[@src$=.png], #panel').ifixpng();
  *
  * @apply hack to all png images and #panel which icluded png img in its css
  *
  * @name ifixpng
  * @type jQuery
  * @cat Plugins/Image
  * @return jQuery
  * @author jQuery Community
  */
 
(function($) {
        
        /**
         * helper variables and function
         */
        $.ifixpng = function(customPixel) {
                $.ifixpng.pixel = customPixel;
        };
        
        $.ifixpng.getPixel = function() {
                return $.ifixpng.pixel || '/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=crop,src='"+src+"')";
                }
        };
        
        /**
         * Applies ie png hack to selected dom elements
         *
         * $('img[@src$=.png]').ifixpng();
         * @desc apply hack to all images with png extensions
         *
         * $('#panel, img[@src$=.png]').ifixpng();
         * @desc apply hack to element #panel and all images with png extensions
         *
         * @name ifixpng
         */
         
        $.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; };
        
        /**
         * Removes any png hack that may have been applied previously
         *
         * $('img[@src$=.png]').iunfixpng();
         * @desc revert hack on all images with png extensions
         *
         * $('#panel, img[@src$=.png]').iunfixpng();
         * @desc revert hack on element #panel and all images with png extensions
         *
         * @name iunfixpng
         */
         
        $.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; };
        
        /**
         * positions selected item relatively
         */
         
        $.fn.positionFix = function() {
                return this.each(function() {
                        var $$ = $(this);
                        var position = $$.css('position');
                        if (position != 'absolute' && position != 'relative') {
                                $$.css({position:'relative'});
                        }
                });
        };

})(jQuery);