// Sustainability Nav Bar Javascript file
// Writes a highlightable nav bar if Javascript is turned on
function writeNavBar() {
	// Set the nav bar string
	var navString = '<div id="linkGroup">'+
	'<div id="linkContainer"><a href="index.html" id="navLink">Home</a></div>'+
	'</div>'+
	'<div id="linkGroup">'+
	'<div id="linkContainer"><div id="navLink">About Us</div></div>'+
		'<div id="sublinkContainer">'+
			'<a href="history.html" id="pageLink">History</a>,'+
			'<a href="chancellor.html" id="pageLink"> Chancellor\'s Message</a>,<br/>'+
			'<a href="uccs_sustain_committee.html" id="pageLink"> Campus Sustainability Committee</a>,<br />'+
			'<a href="strategic.html" id="pageLink"> Strategic Planning</a>'+
	   '</div>'+
	'</div>'+
	'<div id="linkGroup">'+
	'<div id="linkContainer"><div id="navLink"><a href="office/index.html">Sustainability Office</a></div></div>'+
		'<div id="sublinkContainer">'+
			'<a href="office/projects.html" id="pageLink"> Projects</a>,'+
			'<a href="office/staff.html" id="pageLink"> Staff</a>,'+
			'<a href="office/opportunities.html" id="pageLink"> Opportunities</a>,<br/>'+
			'<a href="office/presentations.html" id="pageLink"> Presentations</a>'+
	   '</div>'+
	'</div>'+
	'<div id="linkGroup">'+
	'<div id="linkContainer"><div id="navLink">Academic</div></div>'+
			'<div id="sublinkContainer">'+
			'<a href="curriculum.html" id="pageLink"> Sustainable Development Minor</a>,<br/>'+
			'<a href="research.html" id="pageLink"> Research</a>'+
		'</div>'+
	'</div>'+
	'<div id="linkGroup">'+
	'<div id="linkContainer"><div id="navLink">Campus Initiatives</div></div>'+
		'<div id="sublinkContainer">'+
			'<a href="building.html" id="pageLink"> Buildings</a>,'+
			'<a href="energy.html" id="pageLink"> Energy</a>,'+
			'<a href="equity.html" id="pageLink"> Equity</a>,'+
			'<a href="food.html" id="pageLink"> Food</a>,<br/>'+
			'<a href="transportation.html" id="pageLink"> Transportation</a>,'+
			'<a href="waste_recycling.html" id="pageLink"> Waste/Recycling</a>,'+
			'<a href="water.html" id="pageLink"> Water</a>'+
		'</div>'+
	'</div>'+
	'<div id="linkGroup">'+
	'<div id="linkContainer"><div id="navLink">Student Initiatives</div></div>'+
		'<div id="sublinkContainer">'+
			'<a href="http://web.uccs.edu/seas/index.html" id="pageLink" target="_blank"> SEAS</a>,'+
			'<a href="campaigns.html" id="pageLink"> Campaigns and Events</a>'+
		'</div>'+
	'</div>'+
	'<div id="linkGroup">'+
	'<div id="linkContainer"><div id="navLink"><a href="get_involved.html">Get Involved!</a></div></div>'+
	'<div id="sublinkContainer">'+
			'<a href="frcg.html" id="pageLink"> Facilities Resource Cons. Group</a>,'+
			'<a href="landscape_committee.html" id="pageLink"> Landscape Committee</a>,<br/>'+
			'<a href="waste-recycling_committee.html" id="pageLink"> Waste/Recycling Committee</a>,<br/>'+
			'<a href="marketing_comm_committee.html" id="pageLink"> Communications Committee</a>'+
		'</div>'+
	 '</div>'+
	'<div id="linkGroup">'+
	'<div id="linkContainer"><div id="navLink">Resources</div></div>'+
		'<div id="sublinkContainer">'+
			'<a href="careers.html" id="pageLink"> Careers</a>,<br/>'+
			'<a href="campus_websites.html" id="pageLink"> Campus Sustainability Websites</a>'+
		'</div>'+
	'</div>'+
	'<div id="linkGroupEnd">'+
	'<div id="linkContainer"><div id="navLink"><a href="events.html">Events</a></div></div>'+
	'</div>';
	
	var currentPage = extractPageName(findURL());   // Get current page name
	var currentFolder = extractFolderName(findURL());  // Get current folder name
	
	if (currentFolder == 'office') {  // If office of sustainability
		var searchText = '<a href="';
		var replaceText = '<a href="../';
		navString = navString.replace(/<a href="/ig, replaceText);  // Replace all links to include link to parent folder
		switch (currentPage) {  // Highlight current page
			case 'index': 
				var input = '<div id="linkContainer"><div id="navLink"><a href="../office/index.html">Sustainability Office</a></div></div>'; 
				var output = '<div id="selectedLinkContainer"><div id="selectedNavLink"><a href="index.html">Sustainability Office</a></div></div>'; 
				navString = replace(navString, input, output);
				break;
			case 'opportunities': 
				var input = '<div id="linkContainer"><div id="navLink"><a href="../office/index.html">Sustainability Office</a></div></div>'; 
				var output = '<div id="selectedLinkContainer"><div id="selectedNavLink"><a href="index.html">Sustainability Office</a></div></div>'; 
				navString = replace(navString, input, output);
				input = '<a href="../office/opportunities.html" id="pageLink"> Opportunities</a>,'; 
				output = '<a href="opportunities.html" id="selectedPageLink"> Opportunities</a>,'; 
				navString = replace(navString, input, output);
				break;
			case 'presentations': 
				var input = '<div id="linkContainer"><div id="navLink"><a href="../office/index.html">Sustainability Office</a></div></div>'; 
				var output = '<div id="selectedLinkContainer"><div id="selectedNavLink"><a href="index.html">Sustainability Office</a></div></div>'; 
				navString = replace(navString, input, output);
				input = '<a href="../office/presentations.html" id="pageLink"> Presentations</a>'; 
				output = '<a href="presentations.html" id="selectedPageLink"> Presentations</a>';  
				navString = replace(navString, input, output);
				break;
			case 'projects': 
				var input = '<div id="linkContainer"><div id="navLink"><a href="../office/index.html">Sustainability Office</a></div></div>'; 
				var output = '<div id="selectedLinkContainer"><div id="selectedNavLink"><a href="index.html">Sustainability Office</a></div></div>'; 
				navString = replace(navString, input, output);
				input = '<a href="../office/projects.html" id="pageLink"> Projects</a>,'; 
				output = '<a href="projects.html" id="selectedPageLink"> Projects</a>,'; 
				navString = replace(navString, input, output);
				break;
			case 'staff': 
				var input = '<div id="linkContainer"><div id="navLink"><a href="../office/index.html">Sustainability Office</a></div></div>'; 
				var output = '<div id="selectedLinkContainer"><div id="selectedNavLink"><a href="index.html">Sustainability Office</a></div></div>'; 
				navString = replace(navString, input, output);
				input = '<a href="../office/staff.html" id="pageLink"> Staff</a>,'; 
				var output = '<a href="staff.html" id="selectedPageLink"> Staff</a>,';  
				navString = replace(navString, input, output);
				break;
		}
	} else {  // All other pages
		switch (currentPage) {  // Highlight current page
			case 'building':
				var input = '<div id="linkContainer"><div id="navLink">Campus Initiatives</div></div>'; 
				var output = '<div id="selectedLinkContainer"><div id="navLink">Campus Initiatives</div></div>'; 
				navString = replace(navString, input, output);
				input = '<a href="building.html" id="pageLink"> Buildings</a>,'; 
				output = '<a href="building.html" id="selectedPageLink"> Buildings</a>,'; 
				navString = replace(navString, input, output);
				break;
			case 'index': 
				var input = '<div id="linkContainer"><a href="index.html" id="navLink"> Home</a></div>';
				var output = '<div id="selectedLinkContainer"><a href="index.html" id="selectedNavLink"> Home</a></div>';
				navString = replace(navString, input, output);
				break;
			case 'campaigns':
				var input = '<div id="linkContainer"><div id="navLink">Student Initiatives</div></div>'; 
				var output = '<div id="selectedLinkContainer"><div id="navLink">Student Initiatives</div></div>'; 
				navString = replace(navString, input, output);
				input = '<a href="campaigns.html" id="pageLink"> Campaigns and Events</a>'; 
				output = '<a href="campaigns.html" id="selectedPageLink"> Campaigns and Events</a>'; 
				navString = replace(navString, input, output);
				break;
			case 'campus_websites':
				var input = '<div id="linkContainer"><div id="navLink">Resources</div></div>'; 
				var output = '<div id="selectedLinkContainer"><div id="navLink">Resources</div></div>'; 
				navString = replace(navString, input, output);
				input = '<a href="campus_websites.html" id="pageLink"> Campus Sustainability Websites</a>'; 
				output = '<a href="campus_websites.html" id="selectedPageLink"> Campus Sustainability Websites</a>';
				navString = replace(navString, input, output);
				break;
			case 'careers':
				var input = '<div id="linkContainer"><div id="navLink">Resources</div></div>'; 
				var output = '<div id="selectedLinkContainer"><div id="navLink">Resources</div></div>'; 
				navString = replace(navString, input, output);
				input = '<a href="careers.html" id="pageLink"> Careers</a>,'; 
				output = '<a href="careers.html" id="selectedPageLink"> Careers</a>,'; 
				navString = replace(navString, input, output);
				break;
			case 'chancellor':
				var input = '<div id="linkContainer"><div id="navLink">About Us</div></div>'; 
				var output = '<div id="selectedLinkContainer"><div id="navLink">About Us</div></div>'; 
				navString = replace(navString, input, output);
				input = '<a href="chancellor.html" id="pageLink"> Chancellor\'s Message</a>,'; 
				output = '<a href="chancellor.html" id="selectedPageLink"> Chancellor\'s Message</a>,'; 
				navString = replace(navString, input, output);
				break;
			case 'crc_features':
				var input = '<div id="linkContainer"><div id="navLink">Campus Initiatives</div></div>'; 
				var output = '<div id="selectedLinkContainer"><div id="navLink">Campus Initiatives</div></div>';
				navString = replace(navString, input, output);
				input = '<a href="building.html" id="pageLink"> Buildings</a>,'; 
				output = '<a href="building.html" id="selectedPageLink"> Buildings</a>,'; 
				navString = replace(navString, input, output);
				break;
			case 'curriculum':
				var input = '<div id="linkContainer"><div id="navLink">Academic</div></div>'; 
				var output = '<div id="selectedLinkContainer"><div id="navLink">Academic</div></div>';
				navString = replace(navString, input, output);
				input = '<a href="curriculum.html" id="pageLink"> Sustainable Development Minor</a>,'; 
				output = '<a href="curriculum.html" id="selectedPageLink"> Sustainable Development Minor</a>,'; 
				navString = replace(navString, input, output);
				break;
			case 'earth_day':
				var input = '<div id="linkContainer"><div id="navLink">Student Initiatives</div></div>'; 
				var output = '<div id="selectedLinkContainer"><div id="navLink">Student Initiatives</div></div>'; 
				navString = replace(navString, input, output);
				input = '<a href="campaigns.html" id="pageLink"> Campaigns and Events</a>'; 
				output = '<a href="campaigns.html" id="selectedPageLink"> Campaigns and Events</a>';
				navString = replace(navString, input, output);
				break;
			case 'energy':
				var input = '<div id="linkContainer"><div id="navLink">Campus Initiatives</div></div>'; 
				var output = '<div id="selectedLinkContainer"><div id="navLink">Campus Initiatives</div></div>';
				navString = replace(navString, input, output);
				input = '<a href="energy.html" id="pageLink"> Energy</a>,'; 
				output = '<a href="energy.html" id="selectedPageLink"> Energy</a>,'; 
				navString = replace(navString, input, output);
				break;
			case 'equity':
				var input = '<div id="linkContainer"><div id="navLink">Campus Initiatives</div></div>'; 
				var output = '<div id="selectedLinkContainer"><div id="navLink">Campus Initiatives</div></div>'; 
				navString = replace(navString, input, output);
				input = '<a href="equity.html" id="pageLink"> Equity</a>,'; 
				output = '<a href="equity.html" id="selectedPageLink"> Equity</a>,'; 
				navString = replace(navString, input, output);
				break;
			case 'events':
				var input = '<div id="linkContainer"><div id="navLink"><a href="events.html">Events</a></div></div>'; 
				var output = '<div id="selectedLinkContainer"><div id="selectedNavLink"><a href="events.html">Events</a></div></div>'; 
				navString = replace(navString, input, output);
				break;
			case 'food':
				var input = '<div id="linkContainer"><div id="navLink">Campus Initiatives</div></div>'; 
				var output = '<div id="selectedLinkContainer"><div id="navLink">Campus Initiatives</div></div>'; 
				navString = replace(navString, input, output);
				input = '<a href="food.html" id="pageLink"> Food</a>,'; 
				output = '<a href="food.html" id="selectedPageLink"> Food</a>,';
				navString = replace(navString, input, output);
				break;
			case 'frcg':
				var input = '<div id="linkContainer"><div id="navLink"><a href="get_involved.html">Get Involved!</a></div></div>'; 
				var output = '<div id="selectedLinkContainer"><div id="navLink"><a href="get_involved.html">Get Involved!</a></div></div>'; 
				navString = replace(navString, input, output);
				input = '<a href="frcg.html" id="pageLink"> Facilities Resource Conservation Group</a>,'; 
				output = '<a href="frcg.html" id="selectedPageLink"> Facilities Resource Conservation Group</a>,'; 
				navString = replace(navString, input, output);
				break;
			case 'get_involved':
				var input = '<div id="linkContainer"><div id="navLink"><a href="get_involved.html">Get Involved!</a></div></div>'; 
				var output = '<div id="selectedLinkContainer"><div id="navLink"><a href="get_involved.html">Get Involved!</a></div></div>'; 
				navString = replace(navString, input, output);
				break;
			case 'history':
				var input = '<div id="linkContainer"><div id="navLink">About Us</div></div>'; 
				var output = '<div id="selectedLinkContainer"><div id="navLink">About Us</div></div>';  
				navString = replace(navString, input, output);
				input = '<a href="history.html" id="pageLink"> History</a>,'; 
				output = '<a href="history.html" id="selectedPageLink"> History</a>,'; 
				navString = replace(navString, input, output);
				break;
			case 'landscape_committee':
				var input = '<div id="linkContainer"><div id="navLink"><a href="get_involved.html">Get Involved!</a></div></div>'; 
				var output = '<div id="selectedLinkContainer"><div id="navLink"><a href="get_involved.html">Get Involved!</a></div></div>'; 
				navString = replace(navString, input, output);
				input = '<a href="landscape_committee.html" id="pageLink"> Landscape Committee</a>,'; 
				output = '<a href="landscape_committee.html" id="selectedPageLink"> Landscape Committee</a>,'; 
				navString = replace(navString, input, output);
				break;
			case 'marketing_comm_committee':
				var input = '<div id="linkContainer"><div id="navLink"><a href="get_involved.html">Get Involved!</a></div></div>'; 
				var output = '<div id="selectedLinkContainer"><div id="navLink"><a href="get_involved.html">Get Involved!</a></div></div>';  
				navString = replace(navString, input, output);
				input = '<a href="marketing_comm_committee.html" id="pageLink"> Marketing and Communications Committee</a>'; 
				output = '<a href="marketing_comm_committee.html" id="selectedPageLink"> Marketing and Communications Committee</a>'; 
				navString = replace(navString, input, output);
				break;
			case 'research':
				var input = '<div id="linkContainer"><div id="navLink">Academic</div></div>'; 
				var output = '<div id="selectedLinkContainer"><div id="navLink">Academic</div></div>'; 
				navString = replace(navString, input, output);
				input = '<a href="research.html" id="pageLink"> Research</a>'; 
				output = '<a href="research.html" id="selectedPageLink"> Research</a>';  
				navString = replace(navString, input, output);
				break;
			case 'seb_features':
				var input = '<div id="linkContainer"><div id="navLink">Campus Initiatives</div></div>'; 
				var output = '<div id="selectedLinkContainer"><div id="navLink">Campus Initiatives</div></div>'; 
				navString = replace(navString, input, output);
				input = '<a href="building.html" id="pageLink"> Buildings</a>,'; 
				output = '<a href="building.html" id="selectedPageLink"> Buildings</a>,'; 
				navString = replace(navString, input, output);
				break;
			case 'strategic':
				var input = '<div id="linkContainer"><div id="navLink">About Us</div></div>'; 
				var output = '<div id="selectedLinkContainer"><div id="navLink">About Us</div></div>'; 
				navString = replace(navString, input, output);
				input = '<a href="strategic.html" id="pageLink"> Strategic Planning</a>'; 
				output = '<a href="strategic.html" id="selectedPageLink"> Strategic Planning</a>'; 
				navString = replace(navString, input, output);
				break;
			case 'sustainability_day':
				var input = '<div id="linkContainer"><div id="navLink">Student Initiatives</div></div>'; 
				var output = '<div id="selectedLinkContainer"><div id="navLink">Student Initiatives</div></div>'; 
				navString = replace(navString, input, output);
				input = '<a href="campaigns.html" id="pageLink"> Campaigns and Events</a>'; 
				output = '<a href="campaigns.html" id="selectedPageLink"> Campaigns and Events</a>'; 
				navString = replace(navString, input, output);
				break;
			case 'transportation':
				var input = '<div id="linkContainer"><div id="navLink">Campus Initiatives</div></div>'; 
				var output = '<div id="selectedLinkContainer"><div id="navLink">Campus Initiatives</div></div>'; 
				navString = replace(navString, input, output);
				input = '<a href="transportation.html" id="pageLink"> Transportation</a>,'; 
				output = '<a href="transportation.html" id="selectedPageLink"> Transportation</a>,'; 
				navString = replace(navString, input, output);
				break;
			case 'uccs_sustain_committee':
				var input = '<div id="linkContainer"><div id="navLink">About Us</div></div>'; 
				var output = '<div id="selectedLinkContainer"><div id="navLink">About Us</div></div>'; 
				navString = replace(navString, input, output);
				input = '<a href="uccs_sustain_committee.html" id="pageLink"> Campus Sustainability Committee</a>'; 
				output = '<a href="uccs_sustain_committee.html" id="selectedPageLink"> Campus Sustainability Committee</a>'; 
				navString = replace(navString, input, output);
				break;
			case 'waste-recycling_committee':
				var input = '<div id="linkContainer"><div id="navLink"><a href="get_involved.html">Get Involved!</a></div></div>'; 
				var output = '<div id="selectedLinkContainer"><div id="navLink"><a href="get_involved.html">Get Involved!</a></div></div>';
				navString = replace(navString, input, output);
				input = '<a href="waste-recycling_committee.html" id="pageLink"> Waste/Recycling Committee</a>'; 
				output = '<a href="waste-recycling_committee.html" id="selectedPageLink"> Waste/Recycling Committee</a>';
				navString = replace(navString, input, output);
				break;
			case 'waste_recycling':
				var input = '<div id="linkContainer"><div id="navLink">Campus Initiatives</div></div>'; 
				var output = '<div id="selectedLinkContainer"><div id="navLink">Campus Initiatives</div></div>'; 
				navString = replace(navString, input, output);
				input = '<a href="waste_recycling.html" id="pageLink"> Waste/Recycling</a>,'; 
				output = '<a href="waste_recycling.html" id="selectedPageLink"> Waste/Recycling</a>,';
				navString = replace(navString, input, output);
				break;
			case 'water':
				var input = '<div id="linkContainer"><div id="navLink">Campus Initiatives</div></div>'; 
				var output = '<div id="selectedLinkContainer"><div id="navLink">Campus Initiatives</div></div>'; 
				navString = replace(navString, input, output);
				input = '<a href="water.html" id="pageLink"> Water</a>'; 
				output = '<a href="water.html" id="selectedPageLink"> Water</a>'; 
				navString = replace(navString, input, output);
				break;
		}
	}
	document.write(navString);  // Output nav bar to browser

	}

// Function to globabl search and replace
function replace(argvalue, x, y) {

  if ((x == y) || (parseInt(y.indexOf(x)) > -1)) {
    errmessage = "Replace function error: \n";
    errmessage += "Second argument and third argument could be the same ";
    errmessage += "or third argument contains second argument.\n";
    errmessage += "This will create an infinite loop as it's replaced globally.";
    alert(errmessage);
    return false;
  }
    
  while (argvalue.indexOf(x) != -1) {
    var leading = argvalue.substring(0, argvalue.indexOf(x));
    var trailing = argvalue.substring(argvalue.indexOf(x) + x.length, 
	argvalue.length);
    argvalue = leading + y + trailing;
  }

  return argvalue;

}

// Function to find the url of current page
function findURL() {
	if(document.location.href) {
		urlFound = document.location.href;
    } else {
		urlFound = document.location;
    }
	return urlFound;
}

// Function to extract the current page name
function extractPageName(hrefString) {
	  var arr = hrefString.split('.');
	  arr = arr[arr.length-2].split('/');
	  return arr[arr.length-1].toLowerCase();		
}

// Function to extract current folder name
function extractFolderName(hrefString) {
 	var temp = new Array();
	temp = hrefString.split('/');
	return temp[temp.length-2];
}