$(document).ready(function(){

	var is_landing_page = ($('#people-bios').hasClass('landing')) ? 'true' : 'false';

	//landing page start with gray photos
	if (is_landing_page == 'true')
	{
		//photo mouse hover effect and corresponding left-nav change
		$('.people-bios-container').hover(
			function()
			{
				var img = $(this).find('img');
				var image_off = $(img).attr('src');
				var image_on = image_off.replace(/_off/, '_on');
				$(img).attr('src', image_on);
				$('.people-bios-container').addClass('opac');
				$(this).removeClass('opac');
				$(img).removeClass('off').addClass('on');
				var cls = $(img).parent().attr('class');
				$('.nav-left-ul3').find('li a.' + cls).parent().addClass('active');
			},
			function()
			{
				var img= $(this).find('img');
				var name= $(this).find('.name');
				if (! $(img).hasClass('active')) 
				{
					var image_on = $(img).attr('src');
					var image_off = image_on.replace(/_on/, '_off');
					$(img).attr('src', image_off);
					$('.people-bios-container').removeClass('opac');
					$(img).removeClass('on').addClass('off');
					var cls = $(img).parent().attr('class');
					$('.nav-left-ul3').find('li a.' + cls).parent().removeClass('active');
				}
			}
		);
	}
	else 
	{
		//photo mouse hover effect and corresponding left-nav change
		$('#people-bios a img').hover(
			function()
			{
				var image_off = $(this).attr('src');
				var image_on = image_off.replace(/_off/, '_on');
				$(this).attr('src', image_on);
				$(this).removeClass('off').addClass('on');
				var cls = $(this).parent().attr('class');
				$('.nav-left-ul3').find('li a.' + cls).parent().addClass('active');
			},
			function()
			{
				if (! $(this).hasClass('active')) 
				{
					var image_on = $(this).attr('src');
					var image_off = image_on.replace(/_on/, '_off');
					$(this).attr('src', image_off);
					$(this).removeClass('on').addClass('off');
					var cls = $(this).parent().attr('class');
					$('.nav-left-ul3').find('li a.' + cls).parent().removeClass('active');
				}
			}
		);
	};
	// left nave hover makes photo changes
	$('.nav-left-li3 a').hover(
		function()
		{
			var cls = $(this).attr('class');
			var photo = $('#people-bios').find('a.' + cls + ' img');
            var image_off = photo.attr('src');
            var image_on = image_off.replace(/_off/, '_on');

            photo.attr('src', image_on);
			photo.removeClass('off').addClass('on');
			if (is_landing_page == "true") {
				$('.people-bios-container').addClass('opac');
				photo.parent().parent().removeClass('opac');
			}
		},
		function()
		{
			var cls = $(this).attr('class');
			var photo = $('#people-bios').find('a.' + cls + ' img');
			if (! photo.hasClass('active'))
			{
				var image_on = photo.attr('src');
				var image_off = image_on.replace(/_on/, '_off');
				photo.attr('src', image_off);
				photo.removeClass('on').addClass('off');
			}
			if (is_landing_page == "true") {
				$('.people-bios-container').removeClass('opac');
			}
		}
	);


});