function showMenu() {
    document.getElementById("navigation_top_list").style.visibility = "visible";
}

function renderMenu() {
    var ul = document.getElementById("navigation_left_list");
    var newImg;
    var a;
    var div;
    var span;
    var li;

    if (ul != null && ul != 'undefined') {
        li = ul.getElementsByTagName("li");

        for (i = 0; i < li.length; i++) {
            newImg = document.createElement('img');

            if (li.item(i).getAttribute("class") == 'active' || li.item(i).getAttribute("class") == 'dir_active') {

                newImg.setAttribute("src", "../../images/graphics/arrow_lightbrown.png");
            }
            else {
                newImg.setAttribute("src", "../../images/graphics/undersida/arrow_darkgray.png");
            }

            span = document.createElement('span');
            span.setAttribute("class", "subMenuArrow");
            span.appendChild(newImg);
            a = li.item(i).childNodes.item(0);
            a.innerHTML = "<span class=\"subMenuInnerContent\">" + a.innerHTML + "</span>"
            a.setAttribute("class", "subMenuA");
            a.appendChild(span);

            div = document.createElement('div');
            div.style.backgroundColor = "White";
            newImg = document.createElement('img');
            newImg.setAttribute("src", "../../images/graphics/pixel_white.gif");
            div.setAttribute("class", "subMenuWhiteLine");
            div.appendChild(newImg);
            li.item(i).appendChild(div);
        }
    }

    ul = document.getElementById("navigation_top_list");

    if (ul != null && ul != 'undefined') {
        li = ul.getElementsByTagName("li");

        // Specialare för menyn
        for (i = 0; i < li.length; i++) {
            div = document.createElement("div");
            div.setAttribute("class", "topIndicator");
            if (i == 0) {
                div.setAttribute("style", "border-left:1px solid #ffffff");
            }
            if (li.item(i).attributes.getNamedItem("class") != null) {
                if (li.item(i).attributes.getNamedItem("class").nodeValue == "dir_active" || li.item(i).attributes.getNamedItem("class").nodeValue == "active") {
                    div.setAttribute("style", "background-color:#86939a;");
                }
            }

            li.item(i).appendChild(div);
        }
    }

    div = document.createElement('div');
    div.setAttribute("class", "clearBoth");
    ul.appendChild(div)
}

var BrowserDetect = {
    init: function() {
        this.browser = this.searchString(this.dataBrowser) || "An unknown browser";
        this.version = this.searchVersion(navigator.userAgent)
			|| this.searchVersion(navigator.appVersion)
			|| "an unknown version";
        this.OS = this.searchString(this.dataOS) || "an unknown OS";
    },
    searchString: function(data) {
        for (var i = 0; i < data.length; i++) {
            var dataString = data[i].string;
            var dataProp = data[i].prop;
            this.versionSearchString = data[i].versionSearch || data[i].identity;
            if (dataString) {
                if (dataString.indexOf(data[i].subString) != -1)
                    return data[i].identity;
            }
            else if (dataProp)
                return data[i].identity;
        }
    },
    searchVersion: function(dataString) {
        var index = dataString.indexOf(this.versionSearchString);
        if (index == -1) return;
        return parseFloat(dataString.substring(index + this.versionSearchString.length + 1));
    },
    dataBrowser: [
		{
		    string: navigator.userAgent,
		    subString: "Chrome",
		    identity: "Chrome"
		},
		{ string: navigator.userAgent,
		    subString: "OmniWeb",
		    versionSearch: "OmniWeb/",
		    identity: "OmniWeb"
		},
		{
		    string: navigator.vendor,
		    subString: "Apple",
		    identity: "Safari",
		    versionSearch: "Version"
		},
		{
		    prop: window.opera,
		    identity: "Opera"
		},
		{
		    string: navigator.vendor,
		    subString: "iCab",
		    identity: "iCab"
		},
		{
		    string: navigator.vendor,
		    subString: "KDE",
		    identity: "Konqueror"
		},
		{
		    string: navigator.userAgent,
		    subString: "Firefox",
		    identity: "Firefox"
		},
		{
		    string: navigator.vendor,
		    subString: "Camino",
		    identity: "Camino"
		},
		{		// for newer Netscapes (6+)
		    string: navigator.userAgent,
		    subString: "Netscape",
		    identity: "Netscape"
		},
		{
		    string: navigator.userAgent,
		    subString: "MSIE",
		    identity: "Explorer",
		    versionSearch: "MSIE"
		},
		{
		    string: navigator.userAgent,
		    subString: "Gecko",
		    identity: "Mozilla",
		    versionSearch: "rv"
		},
		{ 		// for older Netscapes (4-)
		    string: navigator.userAgent,
		    subString: "Mozilla",
		    identity: "Netscape",
		    versionSearch: "Mozilla"
		}
	],
    dataOS: [
		{
		    string: navigator.platform,
		    subString: "Win",
		    identity: "Windows"
		},
		{
		    string: navigator.platform,
		    subString: "Mac",
		    identity: "Mac"
		},
		{
		    string: navigator.userAgent,
		    subString: "iPhone",
		    identity: "iPhone/iPod"
		},
		{
		    string: navigator.platform,
		    subString: "Linux",
		    identity: "Linux"
		}
	]

};
BrowserDetect.init();