﻿// JScript File

//Ind- og udfoldning af menuer
var currentExpandedID = null;
	function expandMenu(divID)
	{
		document.getElementById(divID).style.display = "block";
		currentExpandedID = divID;
	}
	function collapseMenu(divID)
	{
		document.getElementById(divID).style.display = "none";
	}
	function toggleMenu(divID)
	{
		if(divID == currentExpandedID)
		{
			collapseMenu(divID);
			currentExpandedID = null;
		}else{
			if(currentExpandedID != null)
			{
				collapseMenu(currentExpandedID);
			}
			expandMenu(divID);
		}
	}


//Opbygning af menu
    var aktueltHovedkategoriID = -1;
    function buildMenu(menuArray, aktueltUnderkategoriID)
    {
        for(var iMenu = 0; iMenu < menuArray.length; iMenu++)
        {
        //Opret hk-div
            //hk-div
            var hkArray = menuArray[iMenu];
            var hkDiv = document.createElement('div');
                //hk-link
                var hkLink = document.createElement('a');
                hkLink.className = "menulink";
                    //hk tekst i link
                    var hkTekst = document.createTextNode(hkArray[0]);
                hkLink.appendChild(hkTekst);
                
            hkDiv.appendChild(hkLink);
            document.getElementById("menuStruktur").appendChild(hkDiv);
            
        //Opret underkategorier
            var ukDiv = document.createElement('div');
            var ukDivID = "uk_" + iMenu;
            ukDiv.id = ukDivID;
            ukDiv.style.paddingLeft = "4px";
            document.getElementById("menuStruktur").appendChild(ukDiv);
            
            hkLink.setAttribute("href", "javascript:toggleMenu(\""+ ukDivID +"\");");
            
            for(var ihk = 1; ihk < hkArray.length; ihk+=2)
            {
                var uid = hkArray[ihk];
                var utekst = hkArray[ihk + 1];
                var ukDummyDiv = document.createElement("div");
                    var ukLink = document.createElement("a");
                        var ukTekst = document.createTextNode(utekst);
                    ukLink.appendChild(ukTekst);
                    ukLink.setAttribute("href", "/shop/underkategori.aspx?ukid="+uid);
                    ukLink.className = (aktueltUnderkategoriID == uid) ? "menulink_sub_valgt" : "menulink_sub";
                ukDummyDiv.appendChild(ukLink);
                ukDiv.appendChild(ukDummyDiv);
                
                if(aktueltUnderkategoriID == uid)
                {
                    aktueltHovedkategoriID = ukDivID;
                    //Klap ud når siden er loadet
                    document.body.setAttribute("onprerender", "toggleMenu("+ukDivID+");");
                }
            }
            
            
        }
        //Gennemløb alle underkategorier og klap alle sammen, der ikke skal være klappet ud
        for(var i = 0; i < menuArray.length; i++)
        {
            var ukDivID = "uk_"+i;
            if(aktueltHovedkategoriID != ukDivID)
            {
                document.getElementById(ukDivID).style.display = "none";
            }else{
                expandMenu(ukDivID);
            }
        }
    }
    
    function expandAktueltHovedkategoriID()
    {
        if(aktueltHovedkategoriID != -1)
        {
            toggleMenu(aktueltHovedkategoriID);
            //alert("toggled");
        }
    }