﻿var siteRoot = "file:///My%20Documents/WEBBIES%20R%20US/Pasadena%20New%202006-10-17%20Folder/Pasadena%20New/web-content"; //do NOT use trailing slash
siteRoot = "http://www.pasadenaadv.com"
var url = document.URL;
var defaultCat = "";

var nav = document.createElement("div");
nav.id = 'nav';
//document.body.appendChild(nav);
var navEnc = document.getElementById("navTD");
navEnc.appendChild(nav);

var navMain = document.createElement("div");
navMain.id = 'navMain';
nav.appendChild(navMain);

var navSub_who = document.createElement("div");
navSub_who.id = 'navSub_who';
nav.appendChild(navSub_who);

var navSub_what = document.createElement("div");
navSub_what.id = 'navSub_what';
nav.appendChild(navSub_what);

var navSub_where = document.createElement("div");
navSub_where.id = 'navSub_where';
nav.appendChild(navSub_where);

var folders = {"who": [
								{	"whoweare": "who we are",
//								"whoserve": "who we serve",
									"whohonored": "who honored us",
									"whoserve/whocontact.html": "who to contact"
								},{"id": "who"}
	],
							"what": [
								{	"whatwedo": "what we do",
									"whatdone": "what we've done",
									"whatbelieve": "what we believe"
								},{"id": "what"}
								
	],
							"where": [
								{	"wherework": "where we work",
									"wherelive": "where we live",
									"wheredine": "where we dine"
								},{"id": "where"}
							
	]
};

function writeItem(sURL, sText, bSelected, targetDiv, category) {
	if(bSelected) {
		targetDiv.innerHTML += '<p><a href="'+siteRoot+sURL+'" class="selected" onMouseOver="javascript:navSubMenus(\''+category+'\');">'+sText+'</a></p>';
	} else {
		if(sURL == "#") {
			targetDiv.innerHTML += '<p><a href="#" onMouseOver="javascript:navSubMenus(\''+category+'\');">'+sText+'</a></p>';
		} else {
			targetDiv.innerHTML += '<p><a href="'+siteRoot+sURL+'" onMouseOver="javascript:navSubMenus(\''+category+'\');">'+sText+'</a></p>';
		}
	}
}

function navDisplay() {

	for(var cat in folders) {
		var navSub = document.getElementById("navSub_"+cat);
		navSub.style.display = "none";
		for(var sub in folders[cat][0]) {
			if(url.indexOf("/"+sub) != -1) {
				writeItem("/"+cat+"/"+sub,folders[cat][0][sub],1,navSub,cat);
			} else {
				writeItem("/"+cat+"/"+sub,folders[cat][0][sub],0,navSub,cat);
			}
		}
	}

	for(var cat in folders) {
		if(url.indexOf("/"+cat) != -1) {
			defaultCat = cat;
			writeItem("#",cat,1,navMain,cat);
			var navSub = document.getElementById("navSub_"+cat);
			navSubMenus(cat)
		} else {
			writeItem("#",cat,0,navMain,cat);
		}
	}
}

function navSubMenus(category) {

	for(var cat in folders) {
		var navSub = document.getElementById("navSub_"+cat);
		if(cat == category) {
			navSub.style.display = "block";
			if(defaultCat != cat) {
				document.onmousemove = follow;
			} else {
				document.onmousemove = null;
			}
		} else {
			navSub.style.display = "none";
		}
	}
	
}

function mouseX(evt) {
	if (!evt)
		evt = window.event;
	if (evt.pageX)
		return evt.pageX;
	else if (evt.clientX)
		return evt.clientX + (document.documentElement.scrollLeft ?  document.documentElement.scrollLeft : document.body.scrollLeft);
	else
		return 0;
}

function mouseY(evt) {
	if (!evt)
		evt = window.event;
	if (evt.pageY)
		return evt.pageY;
	else if (evt.clientY)
		return evt.clientY + (document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop);
	else
		return 0;
}

function follow(evt) {
	
	if(mouseX(evt) < xOffsetLeft(nav) || mouseX(evt) > (xOffsetLeft(nav)+xWidth(nav)) || mouseY(evt) < xOffsetTop(nav) || mouseY(evt) > (xOffsetTop(nav)+xHeight(nav))) {
		document.onmousemove = null;
		navSubMenus(defaultCat);
	}

}
if(window.navigator.userAgent.indexOf("MSIE") != -1) {
	var whatEl = document.getElementById("navSub_what");
	whatEl.style.top = "39px";
	var whereEl = document.getElementById("navSub_where");
	whereEl.style.top = "78px";
}
