/* this function tells IE/win how to do the :hover pseudo element on non link elements. */
startHovers = function() {
	if (document.all&&document.getElementById) {
		var navRoot = document.getElementById("nav");
		for (i=0; i<navRoot.childNodes.length; i++) {
			node = navRoot.childNodes[i];
			if (node.nodeName=="LI") {
				node.onmouseover=function() { this.className+=" over"; }
				node.onmouseout=function() { this.className=this.className.replace(" over", ""); }
			}
		}
	}
	// portfolio page previous buttons
	var navRoot = document.getElementById("portPrevbutton");
	if (navRoot) {
		for (i=0; i<navRoot.childNodes.length; i++) {
			node = navRoot.childNodes[i];
			if (node.nodeName=="INPUT") {
				node.onmouseover=function() { this.className+=" over"; }
				node.onmouseout=function() { this.className=this.className.replace (" over", ""); }
			}
		}
	}
	// portfolio page next buttons
	var navRoot = document.getElementById("portNextbutton");
	if (navRoot) {
		for (i=0; i<navRoot.childNodes.length; i++) {
			node = navRoot.childNodes[i];
			if (node.nodeName=="INPUT") {
				node.onmouseover=function() { this.className+=" over"; }
				node.onmouseout=function() { this.className=this.className.replace (" over", ""); }
			}
		}
	}
}
window.onload=startHovers;