MooTools Full Screen

Full Screen Background Image

<script>
window.addEvent('load', function(){resize();});
window.addEvent('resize', function(){bg.empty();resize();});

function resize(){
	
	width = window.getSize().x;
	height = window.getSize().y;
	
	bg = new Element('div').inject(document.body,'top');
	bg.setStyles({'position':'fixed','width':width,'height':height,'display':'block'});
	img_bg = new Element('img',{src:'bg.jpg'}).inject(bg); 
	
	image_width = 1024;
	image_height = 768;
		
	if(image_width/image_height>width/height){new_image_height = height; new_image_width = (height/image_height)*image_width;}
	else {new_image_height = (width/image_width)*image_height; new_image_width = width;}
		
	img_bg.setStyles({'width':new_image_width ,'height':new_image_height,'display':'block'});

};
</script>

view demo