$(document).ready(function() {

	/*
	$("#navFood").hover(function() {
	$(this).attr('src', '/images/nav-food-on.png');
	}, function() {
	$(this).attr('src', '/images/nav-food-off.png');
	});
	

	$("#navStudio").hover(function() {
		$(this).attr('src', '/images/nav-studio-on.png');
	}, function() {
		$(this).attr('src', '/images/nav-studio-off.png');
	});

	$("#navTravel").hover(function() {
		$(this).attr('src', '/images/nav-travel-on.png');
	}, function() {
		$(this).attr('src', '/images/nav-travel-off.png');
	});

	$("#navWildlife").hover(function() {
		$(this).attr('src', '/images/nav-wildlife-on.png');
	}, function() {
		$(this).attr('src', '/images/nav-wildlife-off.png');
	});

	$("#navPeople").hover(function() {
		$(this).attr('src', '/images/nav-people-on.png');
	}, function() {
		$(this).attr('src', '/images/nav-people-off.png');
	});
    */

	$("#navFood").hover(function() {
		$(this).toggleClass('navFoodOn navFoodOff');
	});

	$("#navStudio").hover(function() {
	    $(this).toggleClass('navStudioOn navStudioOff');
	});

	$("#navTravel").hover(function() {
	    $(this).toggleClass('navTravelOn navTravelOff');
	});

	$("#navWildlife").hover(function() {
      	$(this).toggleClass('navWildlifeOn navWildlifeOff');
    });

    $("#navPeople").hover(function() {
        $(this).toggleClass('navPeopleOn navPeopleOff');
    });

});