$(window).bind('resize', function(){
	resize();
});

function resize() {

	var startwidth = 1060;
	var startheight = 600;
	var minratiosize = 0.1;
	var scrollwidth = 20;

	var minwidth = minratiosize*startwidth;
	var minheight = minratiosize*startheight;
	var ratio = startwidth/startheight;

	var bg = $('.bg img');

	var imagewidth = bg.width();
	var imageheight = bg.height();

	var windowwidth = $(window).width();
	var windowheight = $(window).height();
	
	var browserwidth = windowwidth+scrollwidth;
	var browserheight = windowheight;
	
	// Check for minimum dimensions
	if ((browserheight < minheight) && (browserwidth < minwidth)){
		bg.height(minheight);
		bg.width(minwidth);
	} else{	
		// browser is taller	
		if (browserheight > browserwidth){
			imageheight = browserheight;
			bg.height(browserheight);
			imagewidth = browserheight*ratio;
			bg.width(imagewidth);
			if (browserwidth > imagewidth){
				imagewidth = browserwidth;
				bg.width(browserwidth);
				imageheight = browserwidth/ratio;
				bg.height(imageheight);
			}
		}
		// browser is wider
		if (browserwidth >= browserheight){
			imagewidth = browserwidth;
			bg.width(browserwidth);
			imageheight = browserwidth/ratio;
			bg.height(imageheight);
			if (browserheight > imageheight){
				imageheight = browserheight;
				bg.height(browserheight);
				imagewidth = browserheight*ratio;
				bg.width(imagewidth);
			}
		}
	}
	// rowa: Bild zentrieren
	var verschiebunghorizontal = (0 - Math.abs(browserwidth - imagewidth)) / 2;
	var verschiebungvertikal = (0 - Math.abs(browserheight - imageheight)) / 2;
	bg.css("margin-left", verschiebunghorizontal+"px");
	bg.css("margin-top", verschiebungvertikal+"px");
};
