(function($) {
  $.fn.centerElement = function(percentHeight, percentWidth) {
    //-
    getViewportDimensions = function() {
      var intH = 0, intW = 0;

      if (self.innerHeight) {
        intH = window.innerHeight;
        intW = window.innerWidth;
      }
      else {
        if (document.documentElement && document.documentElement.clientHeight) {
          intH = document.documentElement.clientHeight;
          intW = document.documentElement.clientWidth;
        }
        else {
          if (document.body) {
            intH = document.body.clientHeight;
            intW = document.body.clientWidth;
          }
        }
      }

      return {
        height: parseInt(intH, 10),
        width: parseInt(intW, 10)
      };
    }
    //-
    var vp = getViewportDimensions();
    var h = (percentHeight * vp.height) / 100;
    var w = (percentWidth * vp.width) / 100;
    var t = (vp.height - h) / 2;
    var l = (vp.width - w) / 2;

    this.animate({
      top: t,
      left: l,
      width: w/*,
      height: h*/
    }, 100);
    //-
  };
})(jQuery);