// style subnavigation
function stylesubnav(obj) {
	var ele;
	var active = '#e13935';
	var inactive = '#e9e9e9';
	var inactivetext = '#000';

	if (obj.currentTarget) {
		ele = obj.currentTarget;
	} else if (obj.srcElement) {
		ele = obj.srcElement;
		while((typeof ele.parentNode != 'undefined') && (ele != document.body) && (ele.className != 'right_block')) {
			ele = ele.parentNode;
		}
	} else { return false; }	

	// if mouseover, set current obj's ele to active
	if (obj.type == 'mouseover') { 
		ele.style.backgroundColor = active;
		var link = getlink(ele);
		link.style.color = active;
	// if mouseout, reset all eles to inactive
	} else if (obj.type == 'mouseout') { 
		ele.style.backgroundColor = inactive;
		var link = getlink(ele);
		link.style.color = inactivetext;
	}
}

// gets child links from passed parent
function getlink(ele) {	
	var children		= ele.childNodes;	
	for (var i=0;i<children.length;i++) {
		if (children[i].tagName == 'H3') {
			return children[i].firstChild;
		}
	}
}

function stylemenu() {

	var curloc = window.location.toString();
	var url = curloc.split("index.html");

	// nav substitituions
	if (url[3] == 'events') { url[3] = 'collections'; }
	if (url[3] == 'visual' || url[3] == 'performance') { url[3] = 'portfolio'; }
	if (url[3] == 'where') { url[3] = 'about'; }

	var action = 'nav_'+url[3];

	// cgi exceptions
	if (url[3] == 'cgi' && url[4]) {
		var scriptname = url[4].split(".");
		action = 'nav_'+scriptname[0];
	}
	
	var ele = document.getElementById(action);
	if (ele) {
		var navlink = ele.getElementsByTagName('a');
		navlink[0].className = 'nav_active';
	}

	// add triggers for submenu
	var submenu	= document.getElementById('main_cont_right');
	var children		= submenu.childNodes;
	var ev		= 'mouseover';
	var ev2	= 'mouseout';
	for (var i=0;i<children.length;i++) {
		if (children[i].className == 'right_block') {
			// w3c-compliant event handling
			if (children[i].addEventListener) {
				children[i].addEventListener(ev, stylesubnav, false);
				children[i].addEventListener(ev2, stylesubnav, false);
			// ie event handling
			} else if (children[i].attachEvent) {
				children[i].pointer = children[i];
				children[i].attachEvent("on"+ev, stylesubnav);
				children[i].attachEvent("on"+ev2, stylesubnav);
			}
		}
	}
}