// Javascript for the about us page
$(function() {	
	//So now all the li elements are gonna have a hand cursor
	$("div#left_col ul li").hover(function() { $(this).css({cursor:"pointer"}); },
			function() { $(this).css({cursor:"default"});	});
	
	//Setting the right color for each
	$("div#left_col ul li").each(function(i) {		
		if ($(this).attr("class") == "enabled") $("div#right_col span").eq(i).css({display:"block", visibility:"visible"});
	});
	
	//Do this when a li element is clicked
	$("div#left_col ul li").click(function() {
		var li_index = $("div#left_col ul li").index(this);
				
		$("div#left_col ul li").each(function(j) {
			$(this).attr("class", (j != li_index ? "disabled" : "enabled"));
		});
		
		$("div#right_col span").each(function(k) {
			if (k != li_index) {
				$("div#right_col span").eq(k).css({display:"none", visibility:"hidden"});
			} else {
				$("div#right_col span").eq(k).css({display:"block", visibility:"visible"});
			}
		});
	});
});