/*
So In your example, $('#album li:odd').addClass('alt');  should probably be up there in the DOM-ready
And you should put that DomReady function in 2nd section. I mean, it works fine but it's misslabeled
*/


// <![CDATA[

/*	FUNCTIONS THAT CAN BE CALLED
-------------------------------------------------------------- */
$(function() {

	$('ul li:first-child').addClass('first');
	$('ul li:last-child').addClass('last');

	//Whenever new images load, fade them in. This one takes care of itself.
	$('#frame img').load(function() {
		$(this).fadeIn('slow');
	})
	//When the thumbnail is clicked...
	$('#album li a').click(function () {
		//First let's grab the href before "this" gets redefined in the fadeOut callback function
		var href = $(this).attr('href');
		//Now let's fade out the image and then load in the source of the new main image.
		$('#frame img').fadeOut('slow', function() {
			//Since the href is outside of this callback function, the "this" in var href works.
			$(this).attr('src', href)
		});
		//Stay on the page.
		return false;
	});
});


/*	DOM-READY FUNCTION
-------------------------------------------------------------- */
$(document).ready(function () {
	
	$('#album li:odd').addClass('alt');
	$('.amenities li::nth-child(3n)').addClass('last'); 

});

/*	WINDOW LOADED FUNCTION
-------------------------------------------------------------- */
// $(window).load(function () {
// 	
// 	//Page loaded stuff here
// 
// });



// ]]>