/*
 * sfDelay - Suckerfish CSS menu with JS delay.
 *
 * Copyright (c) 2008 Peter Ryan (peter-ryan.co.uk)
 * This function is free for anyone to use, modify and redistribute.
 *
 * $Id: sfdelay.js 19 2008-05-19 15:33:48Z pryan $
 *
 * Modified by Ray Yates 2010-02-16 -- Added mainfoldericon and subfoldericon

 */

var mhover;

function addLoadListener(fn) {
	if (typeof window.addEventListener != "undefined"){
		window.addEventListener("load", fn, false);
	} else if (typeof document.addEventListener != "undefined") {
		document.addEventListener("load", fn, false);
	} else if (typeof window.attachEvent != "undefined") {
		window.attachEvent("onload", fn);
	} else {
		var oldfn=window.onload;
		if (typeof window.onload != "function") window.onload = fn; else window.onload = function() { oldfn(); fn();}
	}
}

var sfHover = function() {
	var ultag_id = "nav";
	var timein = 350;
	var timeout = 600;
	var cssClass = "sfhover";

	var queue = [];
	var reCSS = new RegExp("\\b" + cssClass + "\\b");
	var sfEls = document.getElementById(ultag_id).getElementsByTagName("li");

	// Flush the queue / close the menu:
	//if the document is navigated away
	window.onunload=function() { queueFlush() }

	//if the mouse moves above the menu
	document.getElementById("logowrapper").onmouseover = function() { queueFlush(); delayMouseout(); }

	//if a static link added to the menu is hovered over.
	document.getElementById("forumlink").onmouseover = function() { queueFlush() }

	//if the document is clicked on
	document.onclick = function() { queueFlush(); delayMouseout(); }


	// mousemask is a floating div that covers the menu.
	// It is used to provide a delay before the menu is activated.
	var sfmask = document.getElementById("mousemask");
	sfmask.onmouseover = function(){
		timein? mhover = setTimeout(delayMouseover,timein) : delayMouseover();
	}

	if(obj_exists("mainbody")) {
		document.getElementById("mainbody").onmouseover = function() {
			timeout? mhover = setTimeout(delayMouseout,timeout) : delayMouseout();
		}
	} else if(obj_exists("mainbody_wide")){
		document.getElementById("mainbody_wide").onmouseover = function() {
			timeout? mhover = setTimeout(delayMouseout,timeout) : delayMouseout();
		}
	} else if(obj_exists("mainbody_account")){
		document.getElementById("mainbody_account").onmouseover = function() {
			timeout? mhover = setTimeout(delayMouseout,timeout) : delayMouseout();
		}
	}

	for (var i=0; i<sfEls.length; i++) {

		// mouseover and mouseout handlers for regular mouse based interface.
		sfEls[i].onmouseover = function() {
			queueFlush();
			this.className += " " + cssClass;
		}
		sfEls[i].onmouseout = function() {
			queue.push([setTimeout(queueTimeout, timeout), this]);
		}
		// focus and blur handlers for keyboard based navigation.
		sfEls[i].onfocus = function() {
			queueFlush();
			this.className += " " + cssClass;
		}
		sfEls[i].onblur = function() {
			queue.push([setTimeout(queueTimeout, timeout), this]);
		}
		// add main folder downarrows
		if(sfEls[i].parentNode.id==ultag_id) {
			sfEls[i].getElementsByTagName("a")[0].className="mainfoldericon";
		} else {
			// add subfolder left arrows
			if(sfEls[i].parentNode.parentNode.parentNode.id!=ultag_id) {
				sfEls[i].parentNode.parentNode.getElementsByTagName("a")[0].className="subfoldericon";
			}
		}


		// click event handler needed for tablet type interfaces (e.g. Apple iPhone).
		sfEls[i].onclick = function(e) {
			if (this.className.search(reCSS) == -1) {
				// CSS not set, so clear all sibling (and decendants) menus, and then set CSS on this menu...
				var elems = this.parentNode.getElementsByTagName("li");
				for (var i=0; i<elems.length; i++) {
					elems[i].className = elems[i].className.replace(reCSS, "");
				}
				this.className += " " + cssClass;
			} else {
				// CSS already set, so clear all decendant menus and then this menu...
				var elems = this.getElementsByTagName("li");
				for (var i=0; i<elems.length; i++) {
					elems[i].className = elems[i].className.replace(reCSS, "");
				}
				this.className = this.className.replace(reCSS, "");
			}
			if (e && e.stopPropagation)
				e.stopPropagation();
			else
				window.event.cancelBubble = true;
		}
	}

	var queueFlush = function () {
		while (queue.length) {
			clearTimeout(queue[0][0]);
			queueTimeout();
			clearTimeout(mhover);
		}
	}

	var queueTimeout = function() {
		if (queue.length) {
			var el = queue.shift()[1];
			el.className = el.className.replace(reCSS, "");
		}
	}

	var delayMouseover = function() {
		sfmask.style.zIndex=1;
	}
	var delayMouseout = function() {
		sfmask.style.zIndex=10;
	}

}

addLoadListener(sfHover);