/*-------------------------------------
	for the browsers that do not support :hover pseudo class,
	e.g. Internet Explorer, we need to set the sf Javascript
	loose.

	basiclly, this applies the 'sfhover' class to li elements
	in the 'nav' id'd ul element when they are 'mouse over' 
	and removers it, using a regular expression, when 'mouse out'.

	http://htmldog.com/articles/suckerfish/dropdowns/

----------------------------------------*/

sfHover = function() {
	var sfEls = document.getElementById("nav").getElementsByTagName("LI");
	for (var i=0; i<sfEls.length; i++) {
		sfEls[i].onmouseover=function() {
			this.className+=" sfhover";
		}
		sfEls[i].onmouseout=function() {
			this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
		}
	}
}
if (window.attachEvent) window.attachEvent("onload", sfHover);