// JavaScript Document
<!--

function addEvent(elem, evtType, func, capture) {
	capture = (capture) ? capture : false;
	if (elem.addEventListener) {
		elem.addEventListener(evtType, func, capture);
	} else if (elem.attachEvent) {
		elem.attachEvent("on" + evtType, func);
	} else {
		// for IE/Mac, NN4, and older
		elem["on" + evtType] = func;
	}
}

function removeEvent(elem, evtType, func, capture) {
	capture = (capture) ? capture : false;
	if (elem.removeEventListener) {
		elem.removeEventListener(evtType, func, capture);
	} else if (elem.attachEvent) {
		elem.detachEvent("on" + evtType, func);
	} else {
		// for IE/Mac, NN4, and older
		elem["on" + evtType] = null;
	}
}

function addOnLoadEvent(func) {
	if (window.addEventListener || window.attachEvent) {
		addEvent(window, "load", func, false);
	} else {
		var oldQueue = (window.onload) ? window.onload : function( ) {};
		window.onload = function( ) {
			oldQueue( );
			func( );
		}
	}
}


var rolloverImageBank = {
	height : 20,
	width : 50,
	sharedImgURIs : ["images/menu/home", "images/menu/programs", "images/menu/philosophy", "images/menu/history", "images/menu/calendar", "images/menu/links", "images/menu/toddler", "images/menu/preschool", "images/menu/elementary"],
	normalSuffix : "_off.jpg",
	hiliteSuffix : "_on.jpg",
	preloadImages : function( ) {
		var imgObj = new Image();
			for (var i = 0; i < this.sharedImgURIs.length; i++) {
				imgObj.src = this.sharedImgURIs[i] + this.normalSuffix;
				imgObj.src = this.sharedImgURIs[i] + this.hiliteSuffix;
			}
	},
	toggleImage : function(evt) {
		evt = (evt) ? evt : event;
		var elem = (evt.target) ? evt.target : evt.srcElement;
		if (elem && elem.src) {
			var reOff = new RegExp("(.*)(" + this.normalSuffix + ")");
			var reOn = new RegExp("(.*)(" + this.hiliteSuffix + ")");
			if (reOff.test(elem.src)) {
				elem.src = reOff.exec(elem.src)[1] + this.hiliteSuffix;
			} else {
				elem.src = reOn.exec(elem.src)[1] + this.normalSuffix;
			}
			if (elem.id == "programs")
			{
				if (reOff.test(elem.src))
				{
					document.getElementById("popup").className = 'hide';
				} else {
					document.getElementById("popup").className = 'show';
				}
			}
		}
	}
};
rolloverImageBank.preloadImages( );
//<img id="products" height="20" width="50" src="img/prodNormal.jpg" alt="Products"></a>

function setEvents( ) {
	addEvent(document.getElementById("home"), "mouseover", function(evt) {rolloverImageBank.toggleImage(evt)}, false);
	addEvent(document.getElementById("home"), "mouseout", function(evt) {rolloverImageBank.toggleImage(evt)}, false);
	addEvent(document.getElementById("programs"), "mouseover", function(evt) {rolloverImageBank.toggleImage(evt)}, false);
	addEvent(document.getElementById("programs"), "mouseout", function(evt) {rolloverImageBank.toggleImage(evt)}, false);
	addEvent(document.getElementById("philosophy"), "mouseover", function(evt) {rolloverImageBank.toggleImage(evt)}, false);
	addEvent(document.getElementById("philosophy"), "mouseout", function(evt) {rolloverImageBank.toggleImage(evt)}, false);
	addEvent(document.getElementById("history"), "mouseover", function(evt) {rolloverImageBank.toggleImage(evt)}, false);
	addEvent(document.getElementById("history"), "mouseout", function(evt) {rolloverImageBank.toggleImage(evt)}, false);
	addEvent(document.getElementById("calendar"), "mouseover", function(evt) {rolloverImageBank.toggleImage(evt)}, false);
	addEvent(document.getElementById("calendar"), "mouseout", function(evt) {rolloverImageBank.toggleImage(evt)}, false);
	addEvent(document.getElementById("links"), "mouseover", function(evt) {rolloverImageBank.toggleImage(evt)}, false);
	addEvent(document.getElementById("links"), "mouseout", function(evt) {rolloverImageBank.toggleImage(evt)}, false);
	addEvent(document.getElementById("toddler"), "mouseover", function(evt) {rolloverImageBank.toggleImage(evt)}, false);
	addEvent(document.getElementById("toddler"), "mouseout", function(evt) {rolloverImageBank.toggleImage(evt)}, false);
	addEvent(document.getElementById("preschool"), "mouseover", function(evt) {rolloverImageBank.toggleImage(evt)}, false);
	addEvent(document.getElementById("preschool"), "mouseout", function(evt) {rolloverImageBank.toggleImage(evt)}, false);
	addEvent(document.getElementById("elementary"), "mouseover", function(evt) {rolloverImageBank.toggleImage(evt)}, false);
	addEvent(document.getElementById("elementary"), "mouseout", function(evt) {rolloverImageBank.toggleImage(evt)}, false);
	addEvent(document.getElementById("popup"), "mouseover", function(evt) {document.getElementById("popup").className = 'show';}, false);
	addEvent(document.getElementById("popup"), "mouseout", function(evt) {document.getElementById("popup").className = 'hide';}, false);
}
addOnLoadEvent(setEvents);
// -->