var bottomLoaded;

function loadBottom(tab, page, xmlHttp) {

	var xmlHttp = xmlHttp;
	var tab = tab;
	var page = page
	//alert(page);
	var content = document.getElementById('content');
	var xmlDoc = xmlHttp.responseXML;
	
	if (bottomLoaded){
		
		//Delete old content
		var parent = document.getElementById('bottomContent');	
		var oldContent = document.getElementById('paragraph');
		parent.removeChild(oldContent);

		//Put the clicked tab's info into the panel
		var paragraph = document.createElement("p");
		paragraph.setAttribute('id', 'paragraph'); 			
		
		var historyTab = document.getElementById('history');
		var scholarshipTab = document.getElementById('scholarship');
		var involvementTab = document.getElementById('involvement'); 
		
		historyTab.addEventListener("mouseover", function() { mouseOver(historyTab) }, false);
		scholarshipTab.addEventListener("mouseover", function() { mouseOver(scholarshipTab) }, false);
		involvementTab.addEventListener("mouseover", function() { mouseOver(involvementTab) }, false); 
		
		if (tab == "history"){
			
			var current = xmlDoc.getElementsByTagName("info")[0];
			var story = document.createTextNode(current.getElementsByTagName("page")[page].getElementsByTagName("text")[0].childNodes[0].nodeValue);

			historyTab.style.backgroundColor="black";
			scholarshipTab.style.backgroundColor="#3e045b";
			involvementTab.style.backgroundColor="#3e045b";
			
			historyTab.addEventListener("mouseout", function() { mouseOut(historyTab, "black") }, false);
			scholarshipTab.addEventListener("mouseout", function() { mouseOut(scholarshipTab, "#3e045b") }, false);
			involvementTab.addEventListener("mouseout", function() { mouseOut(involvementTab, "#3e045b") }, false); 
			
		}
		else if (tab == "scholarship") {
			
			var current = xmlDoc.getElementsByTagName("info")[1];
			var story = document.createTextNode(current.getElementsByTagName("page")[page].getElementsByTagName("text")[0].childNodes[0].nodeValue);

			historyTab.style.backgroundColor="#3e045b";
			scholarshipTab.style.backgroundColor="black";
			involvementTab.style.backgroundColor="#3e045b";

			historyTab.addEventListener("mouseout", function() { mouseOut(historyTab, "#3e045b") }, false);
			scholarshipTab.addEventListener("mouseout", function() { mouseOut(scholarshipTab, "black") }, false);
			involvementTab.addEventListener("mouseout", function() { mouseOut(involvementTab, "#3e045b") }, false); 
			
		}
		else if (tab == "involvement") {
			
			var current = xmlDoc.getElementsByTagName("info")[2];
			var story = document.createTextNode(current.getElementsByTagName("page")[page].getElementsByTagName("text")[0].childNodes[0].nodeValue);

			historyTab.style.backgroundColor="#3e045b";
			scholarshipTab.style.backgroundColor="#3e045b";
			involvementTab.style.backgroundColor="black";

			historyTab.addEventListener("mouseout", function() { mouseOut(historyTab, "#3e045b") }, false);
			scholarshipTab.addEventListener("mouseout", function() { mouseOut(scholarshipTab, "#3e045b") }, false);
			involvementTab.addEventListener("mouseout", function() { mouseOut(involvementTab, "black") }, false); 	
			
		}

		paragraph.appendChild(story);
		parent.appendChild(paragraph);

		parent = document.getElementById('topdesign');
		oldContent = document.getElementById('bContentHead');
		parent.removeChild(oldContent);

		oldContent = document.getElementById('bNumPage');
		parent.removeChild(oldContent);
		
		if (document.getElementById('nextPage')){
			oldContent = document.getElementById('nextPage');
			parent.removeChild(oldContent);
			
			oldContent = document.getElementById('prevPage');
			parent.removeChild(oldContent);
		}
		
		//Check for multiple pages
		multiplePages();
	
	//Initialize when home page is loaded	
	}else{
		//Get the div that stores the content for the bottom of the page
		var bottomContent = document.createElement("div");
		bottomContent.setAttribute('id', 'bottomContent');
		

		//Get each Tab and initialize for them for the history page
		var historyTab = document.createElement("a");
		historyTab.setAttribute('id', 'history');
		historyTab.setAttribute('href', "javascript:getBottomContent('history', 0);");
		historyTab.style.backgroundColor="black";
		//historyTab.addEventListener("onclick", getBottomContent('history', 0), false); 

		var scholarshipTab = document.createElement("a");
		scholarshipTab.setAttribute('id', 'scholarship');
		scholarshipTab.setAttribute('href', "javascript:getBottomContent('scholarship', 0);")	
		scholarshipTab.style.backgroundColor="#3e045b";

		var involvementTab = document.createElement("a");
		involvementTab.setAttribute('id', 'involvement');
		involvementTab.setAttribute('href', "javascript:getBottomContent('involvement', 0);")
		involvementTab.style.backgroundColor="#3e045b";

		historyTab.addEventListener("mouseover", function() { mouseOver(historyTab) }, false);
		scholarshipTab.addEventListener("mouseover", function() { mouseOver(scholarshipTab) }, false);
		involvementTab.addEventListener("mouseover", function() { mouseOver(involvementTab) }, false); 
		
		historyTab.addEventListener("mouseout", function() { mouseOut(historyTab, "black") }, false);
		scholarshipTab.addEventListener("mouseout", function() { mouseOut(scholarshipTab, "#3e045b") }, false);
		involvementTab.addEventListener("mouseout", function() { mouseOut(involvementTab, "#3e045b") }, false); 
		
		//Create the top part of the container
		var top = document.createElement("div");
		top.setAttribute('id', 'topdesign');	

		//Create the initial content
		var current = xmlDoc.getElementsByTagName("info")[0];
		var paragraph = document.createElement("p");
		paragraph.setAttribute('id', 'paragraph');
		var story = document.createTextNode(current.getElementsByTagName("page")[page].getElementsByTagName("text")[0].childNodes[0].nodeValue);

		
		
		//Put all of the elements on the page
		paragraph.appendChild(story);
		bottomContent.appendChild(historyTab);
		bottomContent.appendChild(scholarshipTab);
		bottomContent.appendChild(involvementTab);
		bottomContent.appendChild(top);
		bottomContent.appendChild(paragraph);
		content.appendChild(bottomContent);
		
		//Check for multiple pages
		multiplePages();
			
		//Set to true to allow removal of previous content when loading new content
		bottomLoaded = true;
	}

	//Checks for multiple pages and creates navigation for them
	function multiplePages(){
		
		var pageNodes = current.getElementsByTagName("page");
		var numberOfPages = 0;
		var top = document.getElementById('topdesign');
		
		for (var i = 0 ; i < pageNodes.length; i++)
			numberOfPages++;
		
		var contentHead = document.createElement("div");
		contentHead.setAttribute('id', 'bContentHead');
		contentHead.appendChild(document.createTextNode(pageNodes[page].getElementsByTagName("title")[0].childNodes[0].nodeValue));
	
		var numPageHead = document.createElement("div");
		numPageHead.setAttribute('id', 'bNumPage');
		numPageHead.appendChild(document.createTextNode("page " + (page + 1) + " of " + numberOfPages));
		
		var nextPage = document.createElement("div");
		nextPage.setAttribute('id', 'nextPage');
		nextPage.style.visibility = "hidden";
		
		var prevPage = document.createElement("div");
		prevPage.setAttribute('id', 'prevPage');
		prevPage.style.visibility = "hidden";
		
		if(numberOfPages > 1) {
			
			var nextPageNum = page + 1;
			var prevPageNum = page - 1;

			
			
			
			if( tab == 'history') {
				
				if(page > 0) {
					
					prevPage.addEventListener("click", function() {getBottomContent('history', prevPageNum)}, false);
					prevPage.style.visibility = "visible";
				}

				if(page < pageNodes.length - 1) {
					
					nextPage.addEventListener("click", function() {getBottomContent('history', nextPageNum)}, false);
					nextPage.style.visibility = "visible";
				}
			}
			
			else if( tab == 'scholarship') {
				
				if(page > 0) {
					
					prevPage.addEventListener("click", function() {getBottomContent('scholarship', prevPageNum)}, false);
					prevPage.style.visibility = "visible";
				}

				if(page < pageNodes.length - 1) {
					
					nextPage.addEventListener("click", function() {getBottomContent('scholarship', nextPageNum)}, false);
					nextPage.style.visibility = "visible";
				}
			}

			else if( tab == 'involvement') {
				
				if(page > 0) {
					
					prevPage.addEventListener("click", function() {getBottomContent('involvement', prevPageNum)}, false);
					prevPage.style.visibility = "visible";
				}

				if(page < pageNodes.length - 1) {
					
					nextPage.addEventListener("click", function() {getBottomContent('involvement', nextPageNum)}, false);
					nextPage.style.visibility = "visible";
				}
			}
			
			
			top.appendChild(contentHead);
			top.appendChild(prevPage); 
			top.appendChild(numPageHead);
			top.appendChild(nextPage);
		}
		else { 
			top.appendChild(contentHead);
			top.appendChild(prevPage);
			top.appendChild(numPageHead);
			top.appendChild(nextPage);
		}
	}
}

function getBottomContent(tab, page) {
	
	//Set up the request function
	var xmlHttp = new XMLHttpRequest();
	var versions = ["MSXML2.XMLHttp.5.0","MSXML2.XMLHttp.4.0","MSXML2.XMLHttp.3.0","MSXML2.XMLHttp", "Microsoft.XMLHttp"];
	
	//Debuging
	/*if(!bottomLoaded){
		try {
           	 netscape.security.PrivilegeManager.enablePrivilege("UniversalBrowserRead");
        	} catch (e) {
        	   alert("Permission could be denied for cross-domain scripting.");
        	}
	}*/


	for (var i = 0; i < versions.length; i++){
		try{
			xmlHttp = new ActiveXObject(versions[i]);
		} catch(e) {}
	}
	
	
	xmlHttp.onreadystatechange = function() {
		
		//Debuging 
		//if(xmlHttp.readyState == 4)
			//alert(xmlHttp.readyState + " / " + xmlHttp.status);


		//If the request is successful, get the xml info and load the bottom content
		if (xmlHttp.readyState == 4 && xmlHttp.status == 200) {
			loadBottom(tab, page, xmlHttp);
		}
	}

	//Request the xml file
	xmlHttp.open("GET", "http://fijiunk.com/Pages/bottomContent.xml", true);
	xmlHttp.send(null);

}

function mouseOver(element) {
	element.style.backgroundColor="yellow";
}

function mouseOut(element, color) {
	element.style.backgroundColor=color;
}