// JavaScript Document
function AddLoadEvent( func ) {
var oldonload = window.onload;
if ( typeof window.onload != 'function' ) {
window.onload = func;
} else {
window.onload = function() {
oldonload();
func();
}
}
}
var rollovers = new Array();

// Preloads images
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.substring(0,8) == '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", "O.gif");

img.onmouseover = function() {
var rolloverId = this.id + "_on";
this.src = rollovers[rolloverId].src;
}
img.onmouseout = function() {
this.src = rollovers[this.id].src;
}
}
}
}
}
// Needed to kick-start rollovers in IE6
//function EnableHover() {
//if ( document.all && document.getElementById && document.getElementsByTagName ) {
//var nodes = document.getElementById( "topnav" ).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", "" );
//}
//}
//}
//}

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

AddLoadEvent( InitImages );
//AddLoadEvent( EnableHover );