// JavaScript Document

function initMenus() {
        /* Check we are dealing with IE */
        if (document.all && document.getElementById) {

                /* Deal with the main navigation */
                var nav = document.getElementById('main-nav');
                if (nav) {
                        var navItems = nav.getElementsByTagName('li');
                        for (i = 0; i < navItems.length; i++) {
                                var navItem = navItems[i];
                                navItem.onmouseover = function() {
                                        this.className += ' hover';
                                }
                                navItem.onmouseout = function() {
                                        this.className = this.className.replace(' hover', '');
                                }
                        }
                }
                
        }
        
}
window.onload=initMenus;