"full-frame" resize handling jQuery plugin : resizing/centering/cropping an asset in its parent, according to their respective ratio. parent needs an overflow:hidden

fullframe.js

$.fn.centerIn = function (parent) {
  var parentHeight = parent.height(),
      parentWidth = parent.width(),
      assetHeight = this.height(),
      assetWidth = this.width(),
      parentRatio = parentWidth / parentHeight,
      assetRatio = assetWidth / assetHeight;
		
	//----> ratio
	if ( parentRatio < imgRatio ) {
		this.css({ "height" : "100%" , "width" : "auto" });
	} else {
		this.css({ "width" : "100%" , "height" : "auto" });
	}
	//----> center
	this.css({
		"left" : ( parentWidth - assetWidth ) / 2 
	, 	"top" : ( parentHeight - assetHeight ) / 2 
	});
	
	return this;
};