/* <![CDATA[ */

$(document).ready(function() {

	// detect presence of nav li element with child ul element
	if($("#navigation ul li>ul")) {

		// check to make sure active class is not in default html
		if(!$("#navigation ul li>ul").parent().hasClass("active")) {
		
			// bind add/remove classes to hover
			$("#navigation ul li>ul").parent().hover(
			function() {
				$(this).addClass("active");
				$("#navigation").addClass("active");
				$(".about").removeClass("override");
			},
			function() {
				/* we don't want the "about" link to be orange,
					yet we want the subnav to remain */
				//$(".about").addClass("override");
				$(this).removeClass("active");
				$("#navigation").removeClass("active");
			});
		}
	};

	if($("#list")) {
	
		$("#list").after("<div><br/></div>");
		$('<ul id="listnav" />').appendTo("#right");

		// make right side list
		$("#list h3").each(function() {
			$("#right ul").append('<li><a href="#">' + $(this).html() + '</a></li>');
		});

		// initialize items
		$("#list .item").hide();
		$("#list .item:first").show();
		$("#listnav li:first").addClass("active");

		$("#listnav li a").bind('click',function(e) {
			$("#list .item").hide();
			$("#listnav li").removeClass("active");
			$($("#list .item")[$("#listnav li a").index(this)]).fadeIn();
			$(this).parent().addClass("active");
		});
	}

});


/* ]]> */