$(function() {

	// Find the ul with an id of nav (the main navigation) and assign the appropriate classes to each of its li's

	$('ul#nav li').eq(0).addClass('men');
	$('ul#nav li').eq(1).addClass('women');
	$('ul#nav li').eq(2).addClass('adults50');
	$('ul#nav li').eq(3).addClass('adults');
	
	
	// Add hover effects for the picture nav on the homepage
	
	$('a#list-man').hover(function() {
		$(this).children('img').attr('src','/FeelAlive/media/images/img-man-on.jpg');
	}, function() {
		$(this).children('img').attr('src','/FeelAlive/media/images/img-man.jpg');
	});
	
	$('a#list-woman').hover(function() {
		$(this).children('img').attr('src','/FeelAlive/media/images/img-woman-on.jpg');
	}, function() {
		$(this).children('img').attr('src','/FeelAlive/media/images/img-woman.jpg');
	});
	
	$('a#list-adults50').hover(function() {
		$(this).children('img').attr('src','/FeelAlive/media/images/img-adult50-on.jpg');
	}, function() {
		$(this).children('img').attr('src','/FeelAlive/media/images/img-adult50.jpg');
	});
	
	$('a#list-adults').hover(function() {
		$(this).children('img').attr('src','/FeelAlive/media/images/img-adult-on.jpg');
	}, function() {
		$(this).children('img').attr('src','/FeelAlive/media/images/img-adult.jpg');
	});
	
});