/* =====================================================================
 * scripts for /community/
 * Created: 	2008-07-24 	Gabriel Mcgovern
 * Modified:	
 * ===================================================================== */


/* =====================================================================
 * functions for term based tab interface
 * Requires following schema:
 * <div id="tabs" class="worldview">
 *   <div class="indexlist" id="Term200804">
 *     <h3 class="term">Fall 2008</h3>
 *	   ...
 *	 </div>
 * </div>  
 * ===================================================================== */

$(document).ready(function() {
	var termNum = $("div.indexlist").size(); 							// find number of available terms
	var termList = '';
	for(var i=0; i<termNum; i++){										// build link text
		var termThis = $("div.indexlist:eq("+i+") h3").text(); 			// get  h3 text 
		var termCode = $("div.indexlist:eq("+i+")").attr("id");			// get indexlist id
		$("div.indexlist:eq("+i+") h3").remove();						// remove h3
		termList+= '<li><a href="#'+termCode+'" onclick="return showTerm(\''+termCode+'\');">'+termThis+'</a></li>';
	}
	$("#tabs").prepend('<ul id="tab-list">'+termList+'</ul>');			// insert list
	$("div.indexlist:not(:first)").hide()  								// hide all divs but first
	updateCurrent($("div.indexlist:eq(0)").attr("id") );				// update current state
});

function showTerm(termCode){	
	$("div.indexlist:not(#"+termCode+")").hide();						// animate
	$("div.indexlist#"+termCode).fadeIn("slow");														  
	updateCurrent(termCode);
	return false;	
}	
function updateCurrent(termCode){
	$("#tab-list  li").removeClass("current"); 							// set current state
	$("#tab-list li:has(a[href$="+termCode+"])").addClass("current");   // href=#"+termCode+" seems to bork in ie. Selector bug? Special char?
	return false;
}