$(function(){
	$('#dpxBG').dpxBG();
});

(function($){
	//Resize image on ready or resize
	$.fn.dpxBG = function() {
		$().ready(function() {
			$('#dpxBG').dpxResize(); 
		});
		$(window).bind("resize", function(){
    		$('#dpxBG').dpxResize(); 
		});
	};
	//resize image in ratio
	$.fn.dpxResize = function() {
		var iX = $(this).width();
		var iY = $(this).height();
		var iQ = iX/iY;
		var dX = $(window).width();
		var dY = $(window).height();
		
		var nX = ( iY = dX > ( iX = Math.round( dY * iQ ) ) ) ? dX : iX ;
		var nY = iY ? Math.round( dX/iQ ) : dY ;
		
		var npX = nX > dX ? (nX - dX)/2 : 0; 
		var npY = nY > dY ? (nY - dY)/2 : 0;
		
		$(this).width(nX);
		$(this).height(nY);

		$(this).css('left', '-' + npX + 'px').css('top', '-' + npY + 'px');

		return false;
	};

})(jQuery);