$(document).ready(
	function() {
		// Space out the navigation items
		var $navItems = $("#navigation > li");
		var padCount = ($navItems.length * 2) - 2;
		var initPadding = 28; // initial padding doubled (14px each side)
		var availWidth = 960; // width of page content
		var navWidth = 0;
		$navItems.each(
			function() {
				navWidth += $(this).width() - initPadding;
			}
		);
		var newPadding = Math.floor((availWidth - navWidth) / padCount);
		$("#navigation").width(availWidth + (newPadding * 2));
		$navItems.find("a").css("padding","0 " + newPadding + "px");

		// Set up screenshot viewer
		$(".screenshot_container").each(
			function() {
				$(this).find("h3").wrap("<div class='screen_list'></div>");
				var $screenList = $(this).find(".screen_list");
				var $screens = $(this).find(".screenshot");

				$screens.each(
					function(index){
						var $list = $screenList.append("<a href='#' class='screen_link'>" + $(this).find("h4").html() + "</a>");
						$(this).children().first().remove();
						$list.find(".screen_link:nth-child(" + (index + 2) + ")").click(
							function(e) {
								e.preventDefault();
								$screens.hide();
								$screens.eq(index).show();
								$(this).parent().find(".current_screen").removeClass("current_screen");
								$(this).addClass("current_screen");
							}
						);
						$(this).hide();
					}
				);

				// show the first screen of the set
				$screens.eq(0).show();
				$(".screen_link").first().addClass("current_screen");
			}
		);
		
		// This is a fix for the CSS image flicker bug on IE
		if (jQuery.browser.msie) {
			try {
				document.execCommand("BackgroundImageCache", false, true);
			}
			catch(err) {}
		}
	}
);