jQuery(document).ready(function($){
	// JMA: Updated 10/11/2011 6:23 PM PT
	// Populates preselected elements
	var theId = $('#nav-02 .links .title a:first').attr('id');
	$('#' + theId).addClass('college-nav-select');
	$('#online').addClass('selected-college-type');
	//var currentDegreeList = $('.'  + theId + '-degrees-online').html();
	var currentDegreeList = generateDegreesMegaNavList($('.'  + theId + '-degrees-online')); // JMA
	$('#degree-box').html(currentDegreeList);
	
	// Grabs id of clicked college and injects correct degree list into degree-box (always starts with online)
	$('#nav-02 .links .title a').click(function() {
		theId = $(this).attr("id");
		var $selectedDegrees = $('.'+theId + '-degrees-online');
		//var selectedDegreesList = $selectedDegrees.html();
		var selectedDegreesList = generateDegreesMegaNavList($selectedDegrees); // JMA
		$('#degree-box').html(selectedDegreesList);
		$('#nav-02 .description ul#tab-bar a').removeClass('selected-college-type');
		$('#nav-02 .links .title a').removeClass('college-nav-select');
		$('#'+'online').addClass('selected-college-type');
		$('#'+theId).addClass('college-nav-select');
	});
	
	// Grabs list of campus classes for selected college
	$('#nav-02 .description ul#tab-bar a').click(function() {
		var theDegreeType = $(this).attr("id");
		var $selectedTabDegrees = $('.'+theId + '-degrees-'+theDegreeType);
		//var selectedTabDegreeList = $selectedTabDegrees.html();
		var selectedTabDegreeList = generateDegreesMegaNavList($selectedTabDegrees); // JMA
		$('#degree-box').html(selectedTabDegreeList);
		$('#nav-02 .description ul#tab-bar a').removeClass('selected-college-type');
		$('#'+theDegreeType).addClass('selected-college-type');
	});

});

// generate <ul>s with appropriate amount of <li>s
function generateDegreesMegaNavList(degrees){
	var columnArray = new Array();
	var count = 0;
	var column = 0;
	var max = 12;
	degrees.find("li").each(function(index) {
		columnArray[column] = (columnArray[column]==null) ? "" : columnArray[column];
		var cssClass = ($(this).attr("class")!="") ? " class=\""+$(this).attr("class")+"\"" : "";
		columnArray[column] = columnArray[column] + "<li"+cssClass+">"+$(this).html()+"</li>";
		count ++;
		if (count >= max){
			// go to next column
			count = 0;
			column++;
		}
	});
	var outHtml = "";
	for (var i = 0; i<columnArray.length; i++){
		outHtml = outHtml + "<ul>" + columnArray[i] + "</ul>";
	}
	return outHtml;
}