// OPTIONS
var startHeight = 3;
var startWidth = 4;

// PUBLIC VARS
var ratio = startHeight/startWidth;

// JavaScript Document
$(document).ready(function() {

// GRAB DIMENSIONS					   
		var browserwidth = document.body.clientWidth;
		var browserheight = document.body.clientHeight;
		var homebh = document.body.clientHeight - 100;
		//$("#nav").height(browserheight);
		$("#homenav").height(homebh);
		//$("#content").height(browserheight);
		$("#homeContent").height(homebh);
		//$("#galleryContent").height(browserheight);
		//$("#locationContent").height(browserheight);
		//$(".background").height(browserheight);
		$(".homeBkg").height(homebh);
		//$("#map_canvas").height(browserheight);
		$("#breadBkg").width(browserwidth - 215);
		
		//Resize image to proper ratio
		if ((browserheight/browserwidth) > ratio){
			 
			//$(".background img").width((browserheight / ratio) + 100);
//			$(".background img").height(browserheight);
			
			$(".homeBkg img").width((browserheight / ratio) + 100);
			$(".homeBkg img").height(browserheight);
			
		} else {
			 
			/*$(".background img").width(browserwidth + 100);
			$(".background img").height((browserwidth * ratio));*/
			
			$(".homeBkg img").width(browserwidth + 100);
			$(".homeBkg img").height((browserwidth * ratio));
			
		}

	window.onresize = function() {
		// GRAB DIMENSIONS					   
		var browserwidth = document.body.clientWidth;
		var browserheight = document.body.clientHeight;
		var homebh = document.body.clientHeight - 100;
		//$("#nav").height(browserheight);
		$("#homenav").height(homebh);
		//$("#content").height(browserheight);
		$("#homeContent").height(homebh);
		//$("#galleryContent").height(browserheight);
		//$("#locationContent").height(browserheight);
		//$(".background").height(browserheight);
		$(".homeBkg").height(homebh);
		//$("#map_canvas").height(browserheight);
		$("#breadBkg").width(browserwidth - 215);
		
		//Resize image to proper ratio
		if ((browserheight/browserwidth) > ratio){
			 
			/*$(".background img").width((browserheight / ratio) + 100);
			$(".background img").height(browserheight);*/
			
			$(".homeBkg img").width((browserheight / ratio) + 100);
			$(".homeBkg img").height(browserheight);
			
		} else {
			 
			/*$(".background img").width(browserwidth + 100);
			$(".background img").height((browserwidth * ratio));*/
			
			$(".homeBkg img").width(browserwidth + 100);
			$(".homeBkg img").height((browserwidth * ratio));
			
		}
	
	};

});