$(function() {
/* SPLASH PAGE STUFF
*********************************************
Defines the hover states for the title page
*/

	//forces div elements to be the full height of the page at all times
	$("#splash-col-left").css("height", $(window).height() + "px");
	$("#splash-col-right").css("height", $(window).height() + "px");
	
	//sets default opacity of left side
	$("#splash-col-left").css({opacity: 0.3});
	
	//creates hover effect for each side.
	$("#splash-col-left").hover(
		function () {
			$("#splash-col-left").css("background-color", 'transparent');
			$("#splash-col-left").css({opacity: 1.0});
			
			
			$("#splash-col-right").css({opacity: 0.3});
			$("#splash-col-right").css("background-color", "black");
		},
		
		function () {
			$("#splash-col-left").css({opacity: 0.3});
			$("#splash-col-left").css("background-color", "black");
			
			$("#splash-col-right").css({opacity: 1.0});
			$("#splash-col-right").css("background-color", 'transparent');
		}
	);
});