/**
 * @author alexander.farkas
 * @version 1.0
 */
(function($){
    
    if(!document.defaultView || !document.defaultView.getComputedStyle){ // IE6-IE8 workaround
        var oldCurCSS = $.curCSS;
        $.curCSS = function(elem, name, force){
            var curStyle = elem.currentStyle, ret;
            if(name === 'font-size'){
                name = 'fontSize';
            }
            if((name !== 'clip' && name !== 'fontSize') || !curStyle){
                return oldCurCSS.apply(this, arguments);
            }
            var style = elem.style;
            if ( !force && style ){
                ret = style[ name ];
            }
            if(name === 'clip'){
                ret = ret || 'rect('+ (curStyle.clipTop || 'auto') +' '+ (curStyle.clipRight || 'auto') +' '+ (curStyle.clipBottom || 'auto') +' '+ (curStyle.clipLeft || 'auto') +')';
            } else {
                ret = ret || curStyle.fontSize;
                if(!(/px/.test(ret))){
                    // Remember the original values
                    var width = style.width, rsWidth = elem.runtimeStyle.width;
    
                    // Put in the new values to get a computed value out
                    elem.runtimeStyle.width = elem.currentStyle.width;
                    style.width = '100em';
                    ret = style.pixelWidth / 100 + "px";
                    // Revert the changed values
                    style.width = width;
                    elem.runtimeStyle.width = rsWidth;
                }
            }
            return ret;
        };
    }
})(jQuery);

(function($){
    var calcClipAuto = [
                        function(){
                            return 0;
                        },
                        function(elem){
                            return $(elem).outerWidth();
                        },
                        function(elem){
                            return $(elem).outerHeight();
                        },
                        function(elem){
                            return 0;
                        }
                    ],
                    
                    calcNumClip = function(prop, elem){
                        return ((/em/.test(prop))) ? 
                                (parseFloat($.curCSS(elem, 'fontSize'), 10) || 1) * (parseFloat(prop, 10) || 0) :
                                (parseInt(prop, 10) || 0)
                        ;
                    }
    ;
    
    var calcClip = function(css, fx, isEnd){
            var ret     = [];
            if(css === 'auto'){
                css = 'rect(auto auto auto auto)';
            }
            
            css = css.replace(/rect\(|\)/g, '').split(/,\s*|\s/);
            if(isEnd){
                fx.endClipStyle = 'rect('+ css.join(' ') +')';
            }
            for(var i = 0; i < css.length; i++){
                ret[i] = (css[i] !== 'auto') ? 
                            calcNumClip(css[i], fx.elem) : 
                            calcClipAuto[i](fx.elem);
            }
            
            return ret;
        };
    
    jQuery.fx.step.clip = function(fx){
        if (!fx.clipInit) {
            
            fx.start = calcClip($.curCSS(fx.elem, 'clip'), fx);
            fx.end = calcClip(fx.end, fx, true);
            fx.elmStyle = fx.elem.style;
            fx.clipInit = true;
        }
        
        fx.elmStyle.clip = 'rect('+ ( fx.pos * (fx.end[0] - fx.start[0]) + fx.start[0] ) +'px '+ (fx.pos * (fx.end[1] - fx.start[1]) + fx.start[1]) +'px '+ (fx.pos * (fx.end[2] - fx.start[2]) + fx.start[2]) +'px '+ (fx.pos * (fx.end[3] - fx.start[3]) + fx.start[3]) +'px)';
        
        if(fx.pos === 1 && fx.endClipStyle){
            fx.elmStyle.clip = fx.endClipStyle;
        }
    };
})(jQuery);