/* these functions create the list that will be displayed on the all profiles page.
	revised to display the list in two columns.
	
*/
function JSOffLink() {
	if ( !document.getElementById('no_js') ) {return false;} 
		var hide_div = document.getElementById('no_js');
		hide_div.style.display = 'none';
	
	
}


function insertAfter(newElement, targetElement) {
	var parent = targetElement.parentNode;
	if(parent.lastChild == targetElement) {
		parent.appendChild(newElement);
	}else{
		parent.insertBefore(newElement,targetElement.nextSibling);	
	}
}


function getProfileMenu() {
	if (!document.getElementById('pindex_header')) { return false; }
	
	var list_array = new Array();
	
	//create arrays sorted by school and then type (student, faculty, alum, research)
	for ( i in collegeArray) {
		
		list_array[i] = new Array();
		for (j in categoryArray) {
			list_array[i][j] = new Array();
		}
	}
	
	for (k in profilesArray) {
		var k_college = profilesArray[k]['college'];
		var k_category = profilesArray[k]['category'];
		
		// add to correct array
		list_array[k_college][k_category][k] = new Array();
		list_array[k_college][k_category][k] = profilesArray[k];
		
	}
	
	
	
	//get the headings
	var header1 = document.getElementById('pindex_c1');
	var header2 = document.getElementById('pindex_c2');
	
	
	// FIRST COLUMN
	var nav_list1 = document.createElement("ul");
	

	var stop1 = 3; // last in first column ( 0-3) - 4 in each column
	
	var i=0;
	for ( i = 0; i <= stop1; i++ ) {
		if ( list_array[i].length > 0 )	{
			// create the college heading
			var li = document.createElement("li");
			var li_text = document.createTextNode(collegeArray[i]);
			
			li.appendChild(li_text);
			
			var dl = document.createElement("dl");
			
			for ( m in list_array[i] ) {
				
				var dt = document.createElement("dt");
				var category_name = categoryArray[m].substring(0,1).toUpperCase() + categoryArray[m].substring(1)
				var dt_text = document.createTextNode(category_name + " Profiles");
				dt.appendChild(dt_text);
				
				for ( n in list_array[i][m] ) {
					var dd = document.createElement("dd");
					
					var page_url = path_document_base + categoryArray[m] + "/" + profilesArray[n]['page_name'];
					
					var dd_a = document.createElement("a");
					dd_a.setAttribute('href', page_url);
					var dd_text = document.createTextNode(profilesArray[n]['name']);
					
					dd_a.appendChild(dd_text);
					dd.appendChild(dd_a);
					
					dt.appendChild(dd);
				}
				dl.appendChild(dt);
			}
			li.appendChild(dl);
			nav_list1.appendChild(li);
		}
	}
	
	if (nav_list1.childNodes.length < 1) return false;
	insertAfter(nav_list1,header1);
	
	
	// SECOND COLUMN
	var nav_list2 = document.createElement("ul");
	
	var j = 0;
	var stop2 = list_array.length-1;
	
	for ( j = stop1 + 1; j <= stop2; j++ ) {
		if ( list_array[j].length > 0 )	{
			// create the college heading
			var li = document.createElement("li");
			var li_text = document.createTextNode(collegeArray[j]);
			
			li.appendChild(li_text);
			
			var dl = document.createElement("dl");
			
			for ( m in list_array[j] ) {
				
				var dt = document.createElement("dt");
				var category_name = categoryArray[m].substring(0,1).toUpperCase() + categoryArray[m].substring(1)
				var dt_text = document.createTextNode(category_name + " Profiles");
				dt.appendChild(dt_text);
				
				for ( n in list_array[j][m] ) {
					var dd = document.createElement("dd");
					
					var page_url = path_document_base + categoryArray[m] + "/" + profilesArray[n]['page_name'];
					
					var dd_a = document.createElement("a");
					dd_a.setAttribute('href', page_url);
					var dd_text = document.createTextNode(profilesArray[n]['name']);
					
					dd_a.appendChild(dd_text);
					dd.appendChild(dd_a);
					
					dt.appendChild(dd);
				}
				dl.appendChild(dt);
			}
			li.appendChild(dl);
			nav_list2.appendChild(li);
		}
	}
	
	if (nav_list2.childNodes.length < 1) return false;
	insertAfter(nav_list2,header2);
	
	
}


// used the jQuery Library because 
// http://jquery.com/
// waiting for window.onload was slow - image appeared to flicker
jQuery(document).ready(function() {
	getProfileMenu();
	showSelectedTab('all');
	JSOffLink();
});