function AddLoadEvent( func ) {
	var oldonload = window.onload;
	if ( typeof window.onload != 'function' ) {
		window.onload = func;
	} else {
		window.onload = function() {
			oldonload();
			func();
		}
	}
}

function EnableHover() {
	if ( document.all && document.getElementById && document.getElementsByTagName ) {
		var nodes = document.getElementById( "mainNav" ).getElementsByTagName( "LI" );
		for ( i = 0; i < nodes.length; i++ ) {
			var node = nodes[i];
			node.onmouseover = function() {
				this.className += " sfhover";
			}
			node.onmouseout = function() {
				this.className = this.className.replace( " sfhover", "" );
			}
		}
	}
}

var rollovers = new Array();

function InitImages() {
	if ( document.getElementsByTagName && document.getElementById ) {
		imgs = document.getElementsByTagName('img');
		for ( i = 0; i < imgs.length; i++ ) {
			var img = imgs[i];
			if (img.className == 'rollover') {
				var rolloverId = img.id + '_on';
				rollovers[img.id] = new Image();
				rollovers[img.id].src = img.src;
				rollovers[rolloverId] = new Image();
				rollovers[rolloverId].src = img.src.replace(".gif", "-over.gif");

				img.onmouseover = function() {
					var rolloverId = this.id + "_on";
					this.src = rollovers[rolloverId].src;
				}
				img.onmouseout = function() {
					this.src = rollovers[this.id].src;
				}
			}
		}
	}
}

AddLoadEvent( EnableHover );
AddLoadEvent( InitImages );

