$(function() {   
                
				$('body').prepend('<img id="bg" src="media/achtergrond2_2.jpg" />');		
				//$('#bg').css('opacity','0.50');
				//$('body').css('background','#F6F1E6');
				
				//achtergrond_1 op 85%
				//achtergrond_2 op 75%
				
                        var theWindow        = $(window),
                            $bg              = $("#bg"),
                            aspectRatio      = $bg.width() / $bg.height();
                                                                
                        function resizeBg() {
                                
                                if ( (theWindow.width() / theWindow.height()) < aspectRatio ) {
                                    $bg
                                        .removeClass()
                                        .addClass('bgheight');
                                } else {
                                    $bg
                                        .removeClass()
                                        .addClass('bgwidth');
                                }
                                                        
                        }
                                                                
                        theWindow.resize(function() {
                                resizeBg();
                        }).trigger("resize");
                
                });