// JavaScript Document
jQuery(document).ready( function() {
		
	imageSizeX = jQuery('#bg-image').width();
	imageSizeY = jQuery('#bg-image').height();
	imageRatio = imageSizeX / imageSizeY;
							
	function resizeBgImage (imageRatio) {
				
		
		windowSizeX = jQuery(window).width();
		windowSizeY = jQuery(window).height();
		windowRatio = windowSizeX / windowSizeY;
		
		if (windowRatio > imageRatio) {
			// NACH BREITE SKALIEREN
			resizeImageX = windowSizeX;
			resizeImageY = resizeImageX / imageRatio;
			offsetX = 0;
		} else {
			// NACH HOEHE SKALIEREN
			resizeImageY = windowSizeY;
			resizeImageX = resizeImageY * imageRatio;
			offsetX = (windowSizeX - resizeImageX) / 2;
		}
		
		jQuery('#bg-image').attr({
			width: resizeImageX,
			height: resizeImageY
		}).css({
			margin: '0 0 0 ' + offsetX + 'px'
		});
		
		textSizeY = windowSizeY - 240
		
		jQuery('#text').css({
			height: textSizeY + 'px'
		});
		
	}
							
	// BG-IMAGE ANPASSEN BEI WINDOW RESIZE
	jQuery(window).resize( function() {
		resizeBgImage(imageRatio);
	});
	
	
	
	// BG-IMAGE ANPASSEN BEI WINDOW READY
	resizeBgImage(imageRatio);		
	

	// FALLS JAVASCRIPT AKTIVIERT IST, NO-JS CSS ENTFERNEN
	jQuery('link[href*=no-js.css]').remove();
	

});