﻿function initMenu() {
    // Testa ifall webbläsaren klarar av DOM-metoderna som används, samt se till så att menyn hittas i HTML-koden.
    if (!document.getElementById) return false;
    if (!document.getElementsByTagName) return false;
    if (!document.getElementById("nav")) return false;

    // Hitta alla länkar i menyn.
    var nav = document.getElementById("nav");
    var menuLinks = nav.getElementsByTagName("a");

    // Loopa igenom alla länkar
    for (i = 0; i < menuLinks.length; i++) {
        // Kolla ifall länkarna är i en submeny.
        if (menuLinks[i].parentNode.parentNode.className != 'subMenu') {
            // Är länkarna inte i en submeny, gör så att inget händer när man klicker på dem.
            menuLinks[i].onclick = function() {
                return true;
            }
            // Bind funktionen för att visa submenyn till li-elementet som är ovanför länken i DOM-strukturen.
            menuLinks[i].parentNode.onmouseover = function() {
                this.getElementsByTagName("ul")[0].style.display = 'block';
            }
            // Bind funktionen för att gömma submenyn till li-elementet som är ovanför länken i DOM-strukturen.
            menuLinks[i].parentNode.onmouseout = function() {
                this.getElementsByTagName("ul")[0].style.display = 'none';
            }
        }
    }
}

// Kör funktionen som initierar menyn när sidan har laddats.
window.onload = initMenu;
