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

 function resize_fullscreen() {
		/* original dimentions */
		var h_org = $("#fullscreen_image").attr("height");
		var w_org = $("#fullscreen_image").attr("width");
		
		var ratio = w_org/h_org;
	
		/* new dimentions */
        w_doc = $(window).width();
		h_doc = $(window).height();
		
		w = w_doc - 12; /* White frame */
		h = w / ratio;
		var margin_l = 6;
		
		if (h < h_doc) { /*If screen is to heigh for image ratio */
			h = h_doc;
			w = h * ratio;
			margin_l = (w_doc - w) / 2;
		}

		 $("#fullscreen_image").css({height: h +"px", width: w +"px", "margin-left" : margin_l +"px"});


};