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);

// -=START=- JS Dropdown

//feel free to copy & paste *this script* as much as you want.
	var exists;
	var allStretch;
	
	//the main function, call to the effect object
	function init(){
		var divs = document.getElementsByClassName("stretcher");
		allStretch = new fx.MultiFadeSize(divs, {duration: 400});

		items = document.getElementsByClassName("display");
		for (i = 0; i < items.length; i++){
			var h3 = items[i];
			div = h3.nextSibling;
			h3.title = h3.className.replace("display ", "");

			if (window.location.href.indexOf(h3.title) < 0) {
				allStretch.hide(div, 'height');
				if (exists != true) exists = false;
			}
			else exists = true;

			h3.onclick = function(){
				allStretch.showThisHideOpen(this.nextSibling, 100, 'height');
			}
		}
		if (exists == false) $('left-col-content').childNodes[1].fs.toggle('height');
	}
	


