// this script allows for the .over pseudo class to function in the drop-down navigation

sfHover = function() {
	var sfEls = document.getElementById("drop").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);


// This following functions control the image pop-ups for the products

function showImg(imgSrc) {
	document.getElementById("imageFrame").style.display = "block";
   	document.prodImg.src = "i/" + imgSrc + ".jpg";
}

function closeImg() {
	document.getElementById("imageFrame").style.display = "none";
}