//Internet Explorer
/*@cc_on @*/
/*@if (@_win32)
  document.write("<script defer src=/shared/ie_onload.js><"+"/script>");
/*@end @*/

//Mozilla/Firefox
if (document.addEventListener) {
  document.addEventListener("DOMContentLoaded", init, false);
};
//other browsers
window.onload = init;

function init()
{
	if (arguments.callee.done) { return; }
	arguments.callee.done = true;
	
	chapterLinks();
};


/*
This script requires the image file names to be named properly.
	id variable is the anchor tag's id that fires the function
	id is in the format of 'nav-dreams' or 'person-dreams' so that you can know where it's coming from, split it and work with it
	e is the event passed from the anchor

*/

function HomePage(id,e) {

	idSplit = id.split('-');

	if (e.type == 'mouseover' || e.type == 'focus') {

		if (idSplit[0] == 'nav') {
			document.getElementById("person-" + idSplit[1]).className = 'selected';
		} else {
			document.getElementById("nav-" + idSplit[1]).className = 'selected';
		}

	} else {

		if (idSplit[0] == 'nav') {
			document.getElementById("person-" + idSplit[1]).className = '';
		} else {
			document.getElementById("nav-" + idSplit[1]).className = '';
		}

	}

}


function people(id,e) {

	idSplit = id.split('-');

	if (e.type == 'mouseover' || e.type == 'focus') {
		
		if(document.getElementById("person-" + idSplit[1]).className != "selected")
		{
			document.getElementById("person-" + idSplit[1]).firstChild.src = "images/person-" + idSplit[1] + "_on.jpg";
			document.getElementById("nav-" + idSplit[1]).className = "selected";
		}

	} else {
		
		if(document.getElementById("person-" + idSplit[1]).className != "selected")
		{
			document.getElementById("person-" + idSplit[1]).firstChild.src = "images/person-" + idSplit[1] + "_off.jpg";
			document.getElementById("nav-" + idSplit[1]).className = "";
		}
	
	}
}


function chapterLinks()
{
	var list = "";
	if (list = document.getElementById("locations"))
	{
		var links = list.getElementsByTagName("a");
		
		for (var i=0; i<links.length; i++)
		{
			links[i].setAttribute("id","cnav-" + i);
			links[i].setAttribute("onmouseover","chaptersLinks(this.id,event)");
			links[i].setAttribute("onmouseout","chaptersLinks(this.id,event)");
		}
	}

	list = "";
	if (list = document.getElementById("locationtext"))
	{
		var links = list.getElementsByTagName("a");
		
		for (var i=0; i<links.length; i++)
		{
			links[i].setAttribute("id","ctext-" + i);
			links[i].setAttribute("onmouseover","chaptersLinks(this.id,event)");
			links[i].setAttribute("onmouseout","chaptersLinks(this.id,event)");
		}
	}
}

function chaptersLinks(id,e) {

	idSplit = id.split('-');

	if (e.type == 'mouseover' || e.type == 'focus') {

		if (idSplit[0] == 'cnav') {
			document.getElementById("ctext-" + idSplit[1]).className = 'selected';
		} else {
			document.getElementById("cnav-" + idSplit[1]).className = 'selected';
		}

	} else {

		if (idSplit[0] == 'cnav') {
			
			if(document.getElementById("cnav-" + idSplit[1]).className != "selected")
			{
				document.getElementById("cnav-" + idSplit[1]).className = '';
				document.getElementById("ctext-" + idSplit[1]).className = '';
			}
			
		} else {

			if(document.getElementById("ctext-" + idSplit[1]).className != "selected")
			{
				document.getElementById("cnav-" + idSplit[1]).className = '';
				document.getElementById("ctext-" + idSplit[1]).className = '';
			}

		}

	}

}
