// Rollover
options = {
    toogle_flag: function(img, mode) { 
    	if(img.src.indexOf('.gif') != -1) {
            	var look_for = (mode == "over") ? "_n.gif" : "_a.gif";
           	 	var replacement = (mode == "over") ? "_a.gif" : "_n.gif";
    	} else if(img.src.indexOf('.png') != -1) {
           		var look_for = (mode == "over") ? "_n.png" : "_a.png";
            	var replacement = (mode == "over") ? "_a.png" : "_n.png";
    	} else {
    		return;
    	}

        img.src = img.src.replace(look_for, replacement);
    },

    init: function(id) {
        var element = document.getElementById(id);
        var flags = element.getElementsByTagName("img");

        for(i = 0; i < flags.length; i++) {
            flags[i].onmouseover = function() {
                options.toogle_flag(this, "over"); 
            };

            flags[i].onmouseout = function() {
                options.toogle_flag(this, "out");
            };
        }
    }
};

// Dropdown Menu
sfHover = function() { 
	var sfEls = document.getElementById("main_nav").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);
}