var xmlHttpRequest = null;

function buildpage() {
    if (window.ActiveXObject) {
        try {
            xmlHttpRequest = new ActiveXObject('Microsoft.XMLHTTP');
        } catch (E) {
            window.alert('Your web browser\'s security settings are preventing this page from loading.\nPlease try lowering your security settings and reloading the page.');
        }
    } else {
        xmlHttpRequest = new XMLHttpRequest();
    }
    if (xmlHttpRequest != null) {
        xmlHttpRequest.onreadystatechange = generateHeader;
        xmlHttpRequest.open('get', 'http://www.che.ksu.edu/resources/html/header.html', true);
        xmlHttpRequest.send(null);
    } else {
        window.alert('It appears that your browser does not support XML HTTP requests.\nPlease try updating your browser.');
        return;
    }
}

function generateHeader() {
    if (xmlHttpRequest.readyState == 4) {
        if (xmlHttpRequest.status == 200) {
            document.getElementById('header').innerHTML = xmlHttpRequest.responseText;
            xmlHttpRequest = null;
            if (window.ActiveXObject) {
                xmlHttpRequest = new ActiveXObject('Microsoft.XMLHTTP');
                ieHover();
            } else {
                xmlHttpRequest = new XMLHttpRequest();
            }
            if (xmlHttpRequest != null) {
                xmlHttpRequest.onreadystatechange = generateFooter;
                xmlHttpRequest.open('get', 'http://www.che.ksu.edu/resources/html/footer.html', true);
                xmlHttpRequest.send(null);
            }
        } else {
            window.alert('An error occurred while retrieving the XML document.');
        }
    }
}

function generateFooter() {
    if (xmlHttpRequest.readyState == 4) {
        if (xmlHttpRequest.status == 200) {
            document.getElementById('footer').innerHTML = xmlHttpRequest.responseText;
        } else {
            window.alert('An error occurred while retrieving the XML document.');
        }
    }
}

ieHover = function() {
    var menuElements = document.getElementById('navmenu').getElementsByTagName('li');
    for (var i = 0; i < menuElements.length; i++) {
        menuElements[i].onmouseover = function() {
            this.className += ' iehover';
        }
        menuElements[i].onmouseout = function() {
            this.className = this.className.replace(new RegExp(' iehover\\b'), '');
        }
    }
}
