jQuery(document).ready(function () {
	
	//Add JS control class
	jQuery('body').addClass('js-enabled');
	
	//Hide content initially
	jQuery('div#content').hide();
	
});

jQuery(window).load(function() {

	//If we have images, add navigation
	if(jQuery('ul#images li').size() > 1)
	{
		//Hide all images but first
		jQuery('ul#images > li').not(':first').hide();
	
		//Add previous and next controls
		jQuery('div#content').prepend('<ul class="nav col one"><li><a id="next" href="#next">Next</a></li><li><a id="prev" href="#prev">Previous</a></li></ul>');
		
		//Handle next
		jQuery("a#next").click(
			function() {
				var active_image = jQuery('ul#images li:visible');
				var next_image = jQuery('ul#images li:visible').next('li');
				
				if(!jQuery(next_image).size() > 0) next_image = jQuery('ul#images li:first');
				jQuery(active_image).fadeOut('normal', function() { jQuery(next_image).fadeIn(); });
				
				return false;
			}
		);
	
		//Handle previous
		jQuery("a#prev").click(
			function() {
				var active_image = jQuery('ul#images li:visible');
				var prev_image = jQuery('ul#images li:visible').prev('li');
				
				if(!jQuery(prev_image).size() > 0) prev_image = jQuery('ul#images li:last');
				jQuery(active_image).fadeOut('normal', function() { jQuery(prev_image).fadeIn(); });
				
				return false;
			}
		);
	}
	
	//Fade in content
	jQuery('div#content').fadeIn();

});