function adjustScreenLayout()

in assets/www/scripts/photark_utils.js [78:98]


function adjustScreenLayout() {
	windowWidth = $(window).width();
	windowHeight = $(window).height();
	// document.getElementById('largeImage').width = windowWidth;
	// // 3:4 is the most common aspect ratio
	// document.getElementById('largeImage').height = windowWidth * (3 / 4);

	$('#largeImage').css({
		// Using jQuery CSS we write the $width variable we previously specified
		// as a pixel value. We use max-width incase the image is smaller than
		// our viewport it won't scale it larger. Don't forget to set height to
		// auto or else it will squish your photos.
		'max-width' : windowWidth,
		'height' : 'auto'
	});

	$('#map_canvas').css('width', windowWidth * (7 / 8));
	$('#map_canvas').css('height', windowHeight * (5 / 6));
	$('#map_canvas').css('margin-left', 'auto');
	$('#map_canvas').css('margin-right', 'auto');
}