(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);