/*

fullscreenbg(align,steadyside);

Standard setting: fullscreenbg(center,both);

Das Hintergrundbild ist immer so ausgerichtet, dass es den kompletten Hintergrund ausfŸllt ohne dabei die proportionen des Bildes zu verlieren. Da das Browserfenster eigentlich immer ein anderes SeitenverhŠltnis hat, als das Bild ist daher immer ein Teil des Bildes nicht sichtbar. fullsizebackground() platziert dabei Bild so, dass der Benutzer auch bei VerŠndern der Fenstergrš§e immer die optimale Grš§e angezeigt bekommt. Durch die Parameter kann Eingestellt werden, an welcher Seite das Bild ausgerichtet wird. 

Um nur eine Seite (breite oder hšhe) auf jeden Fall auszufŸllen, kann dies mit dem zweiten Parameter festgelegt werden.

*/



(function($) {
	$.fn.fullscreenbg = function(options) {
		var params = jQuery.extend({
			align: "center"
		}, options);
		
		align = params.align.split(" ");

		this.each(function() {
		
			var	align1 = align[0],
				align2 = align[1],
				height = $(window).height(),
				width = $(window).width(),
				img_height = $(this).height(),
				img_width = $(this).width();
				
			if(img_height) var img_ratio = (img_height/img_width);
		
			new_img_height = height;
			new_img_width = (height/img_ratio);

			if(new_img_width < width){
				new_img_width = width;
				new_img_height = (width*img_ratio);
			}
			
			var overflow_height = ((new_img_height-height)/2);
			var overflow_width = ((new_img_width-width)/2);		
			
			if(  align1 == "top" || align2 == "top" ){
				var overflow_height = "0";
			}
			
			if(  align1 == "bottom" || align2 == "bottom" ){
				var overflow_height = (new_img_height-height);
			}
			
			if(  align1 == "left" || align2 == "left" ){
				var overflow_width = "0";
			}
			
			if(  align1 == "right" || align2 == "right" ){
				var overflow_width = (new_img_width-width);
			}			
			
			$(this).css("margin-left","-"+overflow_width+"px");
			$(this).css("margin-top","-"+overflow_height+"px");
			
			$(this).width(new_img_width);		
			$(this).height(new_img_height);


		});
	
	};
})(jQuery);