$(function (){
	//***************************//
	//*****NAVIGATION SCRIPT*****//
	//***************************//
	//Remove navigation tooltips
	$('.page_item a').removeAttr('title');
	
	//Make last menu item move in so not hidden by seal
	$('#nav-wrapper ul li:last ul').css({'left' : '-92px !important'});
	
	//Navigation dropdowns
	$('#nav-wrapper li').hover(
		function(e){
			$(this).find('a').addClass("nav-hover-on");
			$(this).find('ul').show();
		},
		function(e){
			$(this).find('a').removeClass("nav-hover-on");
			$(this).find('ul').hide();
		}
		
	);
	
	//***********************************//
	//*****MARINE MAMMAL INFO SCRIPT*****//
	//***********************************//
	//Hide all but first mammal info block
	$('#marine-mammals .mammal-info-block:not(.mammal-info-block:first)').hide();
	
	//Change selected mammal info block
	var selectedMammal = '';
	var mammalPointer = '';
	$('#marine-mammals .mammal-link-block a').click(function(e){
		//Get OLD current-mammal <td>
		selectedMammal = $('#marine-mammals .current-mammal');
		//Get class name of <a> w/i OLD current-mammal
		mammalPointer = selectedMammal.children('a').attr('class');
		//Hide OLD mammal-info-block with matching class as OLD current-mammal id
		$('#marine-mammals #'+mammalPointer).hide();
		//Turn off blue pointer for OLD current-mammal link
		selectedMammal.removeClass('current-mammal');
		
		//Turn on blue pointer for NEW current-mammal link
		$(this).parent().addClass('current-mammal');
		//Get NEW current-mammal <td>
		selectedMammal = $('#marine-mammals .current-mammal');
		//Get class name of <a> w/i NEW current-mammal
		mammalPointer = selectedMammal.children('a').attr('class');
		//Show NEW mammal-info-block with matching class as NEW current-mammal id		
		$('#marine-mammals #'+mammalPointer).show();	
	});
	
	
	//**************************//
	//*****SIZE PAGE SCRIPT*****//
	//**************************//
	//Side bubble height creation
	var bodyHeight = $('#bg-wrapper').height();
	$('#bg-wrapper-left').css("height", bodyHeight);
	$('#bg-wrapper-right').css("height", bodyHeight);
	
	//Add margin to images with align=left/right property
	$('#main-content img.alignleft').addClass("left-img-mrg");
	$('#main-content div.alignleft').addClass("left-img-mrg");
	
	$('#main-content img.alignright').addClass("right-img-mrg");
	$('#main-content div.alignright').addClass("right-img-mrg");
});