var currentDropped;
var clearMenu;

/* respectfully boosted from busproject.org */

function dropmenu(el) {
	el.className += " soopamenuhover";
	if (el.getElementsByTagName("ul")[0]) {
		el.getElementsByTagName("ul")[0].className += " soopamenuhover";
	}
	currentDropped = el;
}

function undropmenu(el) {
	if (!el) el = currentDropped;
	if (!el) return;
	nn = el.className.replace(new RegExp(" soopamenuhover\\b"), "");
	el.className = nn.replace(new RegExp("soopamenuhover\\b"), "");
	//needed in case there was no other className, the ff doesn't include the leading space
	if (el.getElementsByTagName("ul")[0]) {
		nn = el.getElementsByTagName("ul")[0].className.replace(
										new RegExp(" soopamenuhover\\b"), "");
		el.getElementsByTagName("ul")[0].className = nn.replace(
										new RegExp("soopamenuhover\\b"), "");
	}
	currentDropped = null;
}


function setupmenu() {
	var els = document.getElementsByTagName('div');
	for (var i = 0; i < els.length; i++) if (els[i].id == 'navbar') {
		//find the navbar
		
		els[i].onmouseover=function() {
			clearTimeout(clearMenu);
		};
		els[i].onmouseout=function() {
			clearMenu = setTimeout("undropmenu(null);", 1000);
		};
		
		//edit all its LI's
		theul = els[i].getElementsByTagName('ul')[0];
		var e2 = theul.getElementsByTagName('li');
		for (var j = 0; j < e2.length; j++) {
			if (e2[j].className.indexOf('expanded')>=0) {
				e2[j].onmouseover=function() {
					if (currentDropped != null) undropmenu(currentDropped);
					dropmenu(this);
					};
			}
			else {
				e2[j].onmouseover=function() {
					if (currentDropped) undropmenu(currentDropped);
					};
			}
		}
	}
}



/* script inspired by btn hovers over at http://vivabit.co.uk/ */
/* this makes it so that any div with class 'btn':
   gains class 'soopahover' on hover (on on mouseover, off on mouseout)
   gains click action to go to the URL of the first link inside the div
*/
function enableBtnHovers(tagName, className) {
	var els = document.getElementsByTagName(tagName);
	for (var i = 0; i < els.length; i++) if (els[i].className.indexOf(className)>=0) {
		els[i].onmouseover=function() {this.className+=" soopabtnhover"}
		els[i].onmouseout=function() {this.className=this.className.replace(new RegExp(" soopabtnhover\\b"), "")}
		els[i].onclick = function () {location.href = this.getElementsByTagName("a")[0].href}
   }
}

window.onload = function() {
   setupmenu();
   //enabledropmenus("li", "expanded");
   enableBtnHovers("div", "btn");
   //showMenuContext("a","active");
}