var xmlRoot;

function loadXML() {
    var file = "http://" + window.location.hostname + "/carData.xml";
    try //Internet Explorer
    {
        xmlDoc1 = new ActiveXObject("Microsoft.XMLDOM");
        xmlDoc1.async = false;
        xmlDoc1.load(file);
        firstIndex = 0;
        secondIndex = 1;
        xmlRoot = xmlDoc1.getElementsByTagName('brands')[0].childNodes;
    }
    catch (e) {
        try //Firefox, Mozilla, Opera, etc.
        {
            xmlDoc1 = document.implementation.createDocument("", "", null);
            xmlDoc1.async = false;
            xmlDoc1.load(file);
            firstIndex = 1;
            secondIndex = 3;
            xmlRoot = xmlDoc1.getElementsByTagName('brands')[0].childNodes;
        }
        catch (e) {
            try //Google Chrome
            {
                var xmlhttp = new window.XMLHttpRequest();
                xmlhttp.open("GET", file, false);
                xmlhttp.send();
                xmlDoc1 = xmlhttp.responseXML.documentElement;
                firstIndex = 1;
                secondIndex = 3;
                xmlRoot = xmlDoc1.childNodes;
            }
            catch (e) {
            }
        }
    }

    writeBrands();
}

//finder og udskriver bærkerne
function writeBrands() {
    var arrBrands = new Array();
    for (j = 0; j < xmlRoot.length; j++) {
        if (xmlRoot[j].nodeType != 1) continue;
        var strBrand = xmlRoot[j].attributes.getNamedItem("name").value;
        //sætter mærket ind i mærke-array
        arrBrands.push(strBrand);
    }

    for (strBrand in arrBrands) {
        //udskriver listen over mærkerne
        document.getElementById("brandList").innerHTML += "<div><a href=javascript:writeModels('" + arrBrands[strBrand].replace(" ", "%20") + "')>" + arrBrands[strBrand] + "</a></div>";
    }
}

//finder og udskriver modellerne
function writeModels(brand) {
    //globar variabel som indeholder mærket
    currentBrand = brand;

    //rydder listerne
    document.getElementById("modelList").innerHTML = "";
    document.getElementById("typeList").innerHTML = "";

    //skriver mærket i headeren
    document.getElementById("headerLabel").innerHTML = currentBrand;
    var arrModels = new Array();

    for (i = 0; i < xmlRoot.length; i++) {
        if (xmlRoot[i].nodeType != 1) continue;
        if (xmlRoot[i].attributes.getNamedItem("name").value == currentBrand) {
            for (j = 0; j < xmlRoot[i].childNodes.length; j++) {
                if (xmlRoot[i].childNodes[j].nodeType != 1) continue;
                var strModel = xmlRoot[i].childNodes[j].attributes.getNamedItem("name").value;
                //sætter modeller ind i model-array
                arrModels.push(strModel);
            }
        }
    }

    for (strModel in arrModels) {
        //udskriver listen over modellerne    encodeURI()
        document.getElementById("modelList").innerHTML += "<div><a href=javascript:writeTypes('" + encodeURI(escape(arrModels[strModel])) + "')>" + arrModels[strModel] + "</a></div>";
    }
}

//finder og udskriver typerne
function writeTypes(strModel) {
    //globar variabel som indeholder modellen
    //alert(decodeURI(unescape(strModel)));
    currentModel = decodeURI(unescape(strModel));

    //rydder listerne
    document.getElementById("typeList").innerHTML = "";

    //skriver mærket og modellen i headeren
    document.getElementById("headerLabel").innerHTML = currentBrand + " " + currentModel;
    for (i = 0; i < xmlRoot.length; i++) {
        if (xmlRoot[i].nodeType != 1) continue;
        //ser efter om mærket passer
        if (xmlRoot[i].attributes.getNamedItem("name").value == currentBrand) {
            for (j = 0; j < xmlRoot[i].childNodes.length; j++) {
                if (xmlRoot[i].childNodes[j].nodeType != 1) continue;
                //ser efter om modellen passer
                if (xmlRoot[i].childNodes[j].attributes.getNamedItem("name").value == currentModel) {
                    for (c = 0; c < xmlRoot[i].childNodes[j].childNodes.length; c++) {
                        if (xmlRoot[i].childNodes[j].childNodes[c].nodeType != 1) continue;

                        //definerer nogen typer
                        var strId = xmlRoot[i].childNodes[j].childNodes[c].attributes.getNamedItem("id").value;
                        var strName = xmlRoot[i].childNodes[j].childNodes[c].attributes.getNamedItem("name").value;
                        var strImage = xmlRoot[i].childNodes[j].childNodes[c].attributes.getNamedItem("image").value;

                        //udskriver listen over typerne
                        document.getElementById("typeList").innerHTML += "<div style='padding-bottom: 10px;'><a href=javascript:loadTypeXml('" + strId + "');><img src='pictures/" + strImage + "'></a></div>";
                    }
                }
            }
        }
    }
}

var xmlType;

function loadTypeXml(typeId) {
    var file2 = "http://" + window.location.hostname + "/xml/" + typeId + ".xml";
    try //Internet Explorer
    {
        xmlDoc2 = new ActiveXObject("Microsoft.XMLDOM");
        xmlDoc2.async = false;
        xmlDoc2.load(file2);
        xmlType = xmlDoc2.getElementsByTagName('brands')[0].childNodes;
    }
    catch (e) {
        try //Firefox, Mozilla, Opera, etc.
        {
            xmlDoc2 = document.implementation.createDocument("", "", null);
            xmlDoc2.async = false;
            xmlDoc2.load(file2);
            xmlType = xmlDoc2.getElementsByTagName('brands')[0].childNodes;
        }
        catch (e) {
            try //Google Chrome
            {
                var xmlhttp2 = new window.XMLHttpRequest();
                xmlhttp2.open("GET", file2, false);
                xmlhttp2.send();
                xmlDoc2 = xmlhttp2.responseXML.documentElement;
                xmlType = xmlDoc2.childNodes;
            }
            catch (e) {
            }
        }
    }
    setDefaults();
}


function setDefaults() {
    //skifter over til detaljeret view
    document.getElementById("showCars").style.visibility = "hidden";
    document.getElementById("showCars").style.display = "none";
    document.getElementById("showRims").style.visibility = "visible";
    document.getElementById("showRims").style.display = "block";

    //Henter defaultværdier
    defaultBrand = xmlDoc2.getElementsByTagName('default')[0].attributes.getNamedItem("brand").value;
    defaultDesign = xmlDoc2.getElementsByTagName('default')[0].attributes.getNamedItem("design").value;
    defaultSize = xmlDoc2.getElementsByTagName('default')[0].attributes.getNamedItem("size").value;
    defaultDrilling = xmlDoc2.attributes.getNamedItem("originalDrilling").value;
    defaultNav = xmlDoc2.attributes.getNamedItem("originalNav").value;
    defaultEt = xmlDoc2.getElementsByTagName('default')[0].attributes.getNamedItem("et").value;
    defaultModel = xmlDoc2.attributes.getNamedItem("image").value;

    //InfoArea
    document.getElementById("lblBrand").innerHTML = "&nbsp;" + defaultBrand;
    document.getElementById("lblDesign").innerHTML = "&nbsp;" + defaultDesign;
    document.getElementById("lblSize").innerHTML = "&nbsp;" + defaultSize + "''";
    document.getElementById("lblDrilling").innerHTML = "&nbsp;" + defaultDrilling;
    document.getElementById("lblNav").innerHTML = "&nbsp;Ø " + defaultNav;
    document.getElementById("lblEt").innerHTML = "&nbsp;" + defaultEt;

    //printInfoArea
    document.getElementById("printLblBrand").innerHTML = "&nbsp;" + defaultBrand;
    document.getElementById("printLblDesign").innerHTML = "&nbsp;" + defaultDesign;
    document.getElementById("printLblSize").innerHTML = "&nbsp;" + defaultSize + "''";
    document.getElementById("printLblDrilling").innerHTML = "&nbsp;" + defaultDrilling;
    document.getElementById("printLblNav").innerHTML = "&nbsp;Ø " + defaultNav;
    document.getElementById("printLblEt").innerHTML = "&nbsp;" + defaultEt;

    //ModelArea
    document.getElementById("imgModel").src = "pictures/" + defaultModel;
    //document.getElementById("modelContainer").style.left = "-" + Math.ceil(xmlDoc2.attributes.getNamedItem("imageWidth").value / 2);

    //printModelArea
    document.getElementById("printImgModel").src = "pictures/" + defaultModel;
    //document.getElementById("printModelContainer").style.left = "-" + Math.ceil(xmlDoc2.attributes.getNamedItem("imageWidth").value / 2);

    //Udfylder resten
    validateOnRims(defaultBrand, defaultDesign, defaultSize, defaultEt);

}

function validateOnRims(selectedBrand, selectedDesign, selectedSize, selectedEt) {
    //Tømmer ValidateArea
    document.getElementById("validateArea").innerHTML = "";

    var valBrand = selectedBrand;
    var valDesign = selectedDesign;
    var valSize = selectedSize;
    var valEt = selectedEt;

    validateError = "";

    if (validateError == "") {
        //Valider Størrelse
        var checkPassed = false;
        var xmlRims = xmlDoc2.getElementsByTagName('rims');
        for (i = 0; i < xmlRims[0].childNodes.length; i++) {
            if (xmlRims[0].childNodes[i].nodeType != 1) continue;
            if (xmlRims[0].childNodes[i].attributes.getNamedItem("brand").value == valBrand && xmlRims[0].childNodes[i].attributes.getNamedItem("design").value == valDesign) {
                for (g = 0; g < xmlRims[0].childNodes[i].childNodes[firstIndex].childNodes.length; g++) {
                    if (xmlRims[0].childNodes[i].childNodes[firstIndex].childNodes[g].nodeType != 1) continue;
                    if (xmlRims[0].childNodes[i].childNodes[firstIndex].childNodes[g].attributes.getNamedItem("size").value == valSize) {
                        if (checkPassed == false) {
                            //Hvis den finder en gyldig værdi - godkender den værdien!
                            var checkPassed = true;

                            //sætter fælgene på bilen
                            document.getElementById("leftRim").style.top = parseInt(xmlDoc2.attributes.getNamedItem("y1").value) - 50 + "px";
                            document.getElementById("leftRim").style.left = parseInt(xmlDoc2.attributes.getNamedItem("x1").value) - 47 + "px";
                            document.getElementById("leftRim").src = "pictures/" + xmlRims[0].childNodes[i].childNodes[firstIndex].childNodes[g].attributes.getNamedItem("image").value;

                            document.getElementById("rightRim").style.top = parseInt(xmlDoc2.attributes.getNamedItem("y2").value) - 50 + "px";
                            document.getElementById("rightRim").style.left = parseInt(xmlDoc2.attributes.getNamedItem("x2").value) - 51 + "px";
                            document.getElementById("rightRim").src = "pictures/" + xmlRims[0].childNodes[i].childNodes[firstIndex].childNodes[g].attributes.getNamedItem("image").value;

                            //PRINT - sætter fælgene på bilen
                            document.getElementById("printLeftRim").style.top = parseInt(xmlDoc2.attributes.getNamedItem("y1").value) - 50 + "px";
                            document.getElementById("printLeftRim").style.left = parseInt(xmlDoc2.attributes.getNamedItem("x1").value) - 47 + "px";
                            document.getElementById("printLeftRim").src = "pictures/" + xmlRims[0].childNodes[i].childNodes[firstIndex].childNodes[g].attributes.getNamedItem("image").value;

                            document.getElementById("printRightRim").style.top = parseInt(xmlDoc2.attributes.getNamedItem("y2").value) - 50 + "px";
                            document.getElementById("printRightRim").style.left = parseInt(xmlDoc2.attributes.getNamedItem("x2").value) - 51 + "px";
                            document.getElementById("printRightRim").src = "pictures/" + xmlRims[0].childNodes[i].childNodes[firstIndex].childNodes[g].attributes.getNamedItem("image").value;
                        }
                    }
                }
            }
        }
        if (checkPassed == false) {
            validateError = "Fejl i Størrelsen";
            //Finder ny størrelse
            var xmlRims = xmlDoc2.getElementsByTagName('rims');
            for (i = 0; i < xmlRims[0].childNodes.length; i++) {
                if (xmlRims[0].childNodes[i].nodeType != 1) continue;
                if (xmlRims[0].childNodes[i].attributes.getNamedItem("brand").value == valBrand && xmlRims[0].childNodes[i].attributes.getNamedItem("design").value == valDesign) {
                    valSize = xmlRims[0].childNodes[i].childNodes[firstIndex].childNodes[firstIndex].attributes.getNamedItem("size").value;
                }
            }
            //--
        }
    }

    if (validateError == "") {
        //Valider Et
        var checkPassed = false;
        var xmlRims = xmlDoc2.getElementsByTagName('rims');
        for (i = 0; i < xmlRims[0].childNodes.length; i++) {
            if (xmlRims[0].childNodes[i].nodeType != 1) continue;
            if (xmlRims[0].childNodes[i].attributes.getNamedItem("brand").value == valBrand && xmlRims[0].childNodes[i].attributes.getNamedItem("design").value == valDesign) {
                for (g = 0; g < xmlRims[0].childNodes[i].childNodes[firstIndex].childNodes.length; g++) {
                    if (xmlRims[0].childNodes[i].childNodes[firstIndex].childNodes[g].nodeType != 1) continue;
                    if (xmlRims[0].childNodes[i].childNodes[firstIndex].childNodes[g].attributes.getNamedItem("size").value == valSize) {
                        for (h = 0; h < xmlRims[0].childNodes[i].childNodes[firstIndex].childNodes[g].childNodes[secondIndex].childNodes.length; h++) {
                            if (xmlRims[0].childNodes[i].childNodes[firstIndex].childNodes[g].childNodes[secondIndex].childNodes[h].nodeType != 1) continue;
                            if (xmlRims[0].childNodes[i].childNodes[firstIndex].childNodes[g].childNodes[secondIndex].childNodes[h].attributes.getNamedItem("et").value == valEt) {
                                if (!checkPassed == true) {
                                    //Hvis den finder en gyldig værdi - godkender den værdien!
                                    var checkPassed = true;

                                    //Tjekker godkendtelse til syn
                                    if (xmlRims[0].childNodes[i].childNodes[firstIndex].childNodes[g].childNodes[secondIndex].childNodes[h].attributes.getNamedItem("motTestDK").value == "True") {
                                        document.getElementById("mottest").innerHTML = "<img src='pictures/design/iconMottestTrue.png' onmouseover=createPopup('2'); onmouseout=removePopup(); alt=''><br><span style='font-size: 10px; width: 84px;'>Godkendt til syn.</span>";

                                        //print
                                        document.getElementById("printMottest").innerHTML = "<img src='pictures/design/iconMottestTrue.png' alt='' style='float:left;'>Denne fælg, i denne størrelse og på denne bil, er godkendt til syn i Danmark!";
                                    }
                                    else {
                                        document.getElementById("mottest").innerHTML = "<img src='pictures/design/iconMottestFalse.png' onmouseover=createPopup('1'); onmouseout=removePopup(); alt=''><br><span style='font-size: 10px; width: 84px;'>Ikke godkendt til syn.</span>";
                                        //print
                                        document.getElementById("printMottest").innerHTML = "<img src='pictures/design/iconMottestFalse.png' alt='' style='float:left;'>Denne fælg, i denne størrelse og på denne bil, er <b style='text-decoration:underline;'>ikke</b> godkendt til syn i Danmark!";
                                    }

                                    //Tjekker pladsproblemer
                                    if (xmlRims[0].childNodes[i].childNodes[firstIndex].childNodes[g].childNodes[secondIndex].childNodes[h].attributes.getNamedItem("spaceIssues").value == "True") {
                                        document.getElementById("spaceissues").innerHTML = "<img src='pictures/design/iconSpaceTrue.png' onmouseover=createPopup('3'); onmouseout=removePopup(); alt=''><br><span style='font-size: 10px; width: 84px;'>Platsproblem kan förekomma.</span>";
                                        //print
                                        document.getElementById("printSpaceIssues").innerHTML = "<img src='pictures/design/iconSpaceTrue.png' alt='' style='float:left;'>Denna fälg, i vald storlek på aktuell bil kan skapa platsproblem, hör med din närmaste återförsäljare.";
                                    }
                                    else {
                                        document.getElementById("spaceissues").innerHTML = "<img src='pictures/design/iconSpaceFalse.png' onmouseover=createPopup('4'); onmouseout=removePopup(); alt=''><br><span style='font-size: 10px; width: 84px;'>Inga platsproblem.</span>";
                                        //print
                                        document.getElementById("printSpaceIssues").innerHTML = "<img src='pictures/design/iconSpaceFalse.png' alt='' style='float:left;'>Denna fälg, i vald storlek på aktuell bil bör inte skapa några platsproblem.";
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
        if (checkPassed == false) {
            validateError = "Fejl i ET";
            //Finder ny ET
            var xmlRims = xmlDoc2.getElementsByTagName('rims');
            for (i = 0; i < xmlRims[0].childNodes.length; i++) {
                if (xmlRims[0].childNodes[i].nodeType != 1) continue;
                if (xmlRims[0].childNodes[i].attributes.getNamedItem("brand").value == valBrand && xmlRims[0].childNodes[i].attributes.getNamedItem("design").value == valDesign) {
                    for (g = 0; g < xmlRims[0].childNodes[i].childNodes[firstIndex].childNodes.length; g++) {
                        if (xmlRims[0].childNodes[i].childNodes[firstIndex].childNodes[g].nodeType != 1) continue;
                        if (xmlRims[0].childNodes[i].childNodes[firstIndex].childNodes[g].attributes.getNamedItem("size").value == valSize) {
                            valEt = xmlRims[0].childNodes[i].childNodes[firstIndex].childNodes[g].childNodes[secondIndex].childNodes[firstIndex].attributes.getNamedItem("et").value;
                        }
                    }
                }
            }
            //--
        }
    }

    if (!validateError == "") {
        document.getElementById("validateArea").innerHTML += "<div>err: " + validateError + "</div>";
        validateOnRims(valBrand, valDesign, valSize, valEt);
    }

    //Definerer globale variabler
    globalBrand = valBrand;
    globalDesign = valDesign;
    globalSize = valSize;
    globalEt = valEt;

    document.getElementById("lblBrand").innerHTML = "&nbsp;" + globalBrand;
    document.getElementById("lblDesign").innerHTML = "&nbsp;" + globalDesign;
    document.getElementById("lblSize").innerHTML = "&nbsp;" + globalSize + "''";
    document.getElementById("lblEt").innerHTML = "&nbsp;" + globalEt;

    //print
    document.getElementById("printLblBrand").innerHTML = "&nbsp;" + globalBrand;
    document.getElementById("printLblDesign").innerHTML = "&nbsp;" + globalDesign;
    document.getElementById("printLblSize").innerHTML = "&nbsp;" + globalSize + "''";
    document.getElementById("printLblEt").innerHTML = "&nbsp;" + globalEt;

    writeRims();
    writeSizes();
    writeEts();
    writeTyres();
}

function validateOnSize(selectedBrand, selectedDesign, selectedSize, selectedEt) {
    //Tømmer ValidateArea
    document.getElementById("validateArea").innerHTML = "";

    var valBrand = selectedBrand;
    var valDesign = selectedDesign;
    var valSize = selectedSize;
    var valEt = selectedEt;

    validateError = "";

    if (validateError == "") {
        //Valider om det valgte brand og design findes i den valgte størrelse
        var checkPassed = false;
        var xmlRims = xmlDoc2.getElementsByTagName('rims');
        for (i = 0; i < xmlRims[0].childNodes.length; i++) {
            if (xmlRims[0].childNodes[i].nodeType != 1) continue;
            if (xmlRims[0].childNodes[i].attributes.getNamedItem("brand").value == valBrand && xmlRims[0].childNodes[i].attributes.getNamedItem("design").value == valDesign) {
                for (g = 0; g < xmlRims[0].childNodes[i].childNodes[firstIndex].childNodes.length; g++) {
                    if (xmlRims[0].childNodes[i].childNodes[firstIndex].childNodes[g].nodeType != 1) continue;
                    if (xmlRims[0].childNodes[i].childNodes[firstIndex].childNodes[g].attributes.getNamedItem("size").value == valSize) {
                        var checkPassed = true
                    }
                }
            }
        }
        if (checkPassed == false) {
            validateError = "Fælgen findes ikke! - Find den første!!";
            //Find den første fælg der har størrelsen!
            var checkPassed = false;
            var xmlRims = xmlDoc2.getElementsByTagName('rims');
            for (i = 0; i < xmlRims[0].childNodes.length; i++) {
                if (xmlRims[0].childNodes[i].nodeType != 1) continue;
                for (g = 0; g < xmlRims[0].childNodes[i].childNodes[firstIndex].childNodes.length; g++) {
                    if (xmlRims[0].childNodes[i].childNodes[firstIndex].childNodes[g].nodeType != 1) continue;
                    if (xmlRims[0].childNodes[i].childNodes[firstIndex].childNodes[g].attributes.getNamedItem("size").value == selectedSize) {
                        if (checkPassed == false) {
                            valBrand = xmlRims[0].childNodes[i].attributes.getNamedItem("brand").value;
                            valDesign = xmlRims[0].childNodes[i].attributes.getNamedItem("design").value;
                            var checkPassed = true;
                        }
                    }
                }

            }
        }
    }

    if (!validateError == "") {
        validateOnSize(valBrand, valDesign, valSize, valEt);
    }

    //Definerer globale variabler
    globalBrand = valBrand;
    globalDesign = valDesign;
    globalSize = valSize;
    globalEt = valEt;

    document.getElementById("lblBrand").innerHTML = "&nbsp;" + globalBrand;
    document.getElementById("lblDesign").innerHTML = "&nbsp;" + globalDesign;
    document.getElementById("lblSize").innerHTML = "&nbsp;" + globalSize + "''";
    document.getElementById("lblEt").innerHTML = "&nbsp;" + globalEt;

    validateOnRims(globalBrand, globalDesign, globalSize, globalEt);
}


function writeRims() {
    document.getElementById("rimContent").innerHTML = "";
    var xmlRims = xmlDoc2.getElementsByTagName('rims');
    for (i = 0; i < xmlRims[0].childNodes.length; i++) {
        var sizeExists = false;
        if (xmlRims[0].childNodes[i].nodeType != 1) continue;

        //Tjekker om fælgen findes i den rigtige størrelse
        for (g = 0; g < xmlRims[0].childNodes[i].childNodes[firstIndex].childNodes.length; g++) {
            if (xmlRims[0].childNodes[i].childNodes[firstIndex].childNodes[g].nodeType != 1) continue;
            if (xmlRims[0].childNodes[i].childNodes[firstIndex].childNodes[g].attributes.getNamedItem("size").value == globalSize) {
                var sizeExists = true;
            }
        }

        if (sizeExists == true) {
            if (xmlRims[0].childNodes[i].attributes.getNamedItem("brand").value == globalBrand && xmlRims[0].childNodes[i].attributes.getNamedItem("design").value == globalDesign) {
                document.getElementById("rimContent").innerHTML += "<a href=javascript:validateOnRims('" + xmlRims[0].childNodes[i].attributes.getNamedItem("brand").value.replace(" ", "%20") + "','" + xmlRims[0].childNodes[i].attributes.getNamedItem("design").value.replace(" ", "%20") + "','" + globalSize + "','" + globalEt + "')><img alt='' style='margin: 7px; background-image:url(pictures/design/iconSelected.png);' src='pictures/" + xmlRims[0].childNodes[i].attributes.getNamedItem("image").value + "' /></a>";

                var imgURL = xmlRims[0].childNodes[i].attributes.getNamedItem("image").value;
                var imgLength = imgURL.length;
                var bigPic = imgURL.slice(0, imgLength - 4)
                document.getElementById("printRimArea").innerHTML = "<img src='pictures/" + bigPic + "150.png'>";
            }
            else {
                document.getElementById("rimContent").innerHTML += "<a href=javascript:validateOnRims('" + xmlRims[0].childNodes[i].attributes.getNamedItem("brand").value.replace(" ", "%20") + "','" + xmlRims[0].childNodes[i].attributes.getNamedItem("design").value.replace(" ", "%20") + "','" + globalSize + "','" + globalEt + "')><img alt='' style='margin: 7px;' src='pictures/" + xmlRims[0].childNodes[i].attributes.getNamedItem("image").value + "' /></a>";
            }
        }
        else {
            document.getElementById("rimContent").innerHTML += "<img alt='' style='margin: 7px;' src='pictures/" + xmlRims[0].childNodes[i].attributes.getNamedItem("image").value + "' class='fadedRim' />";
        }
    }
}

function writeSizes() {
    document.getElementById("sizeContent").innerHTML = "";
    document.getElementById("sizeContent").innerHTML += "<div><a href=javascript:writeAll();>Visa alla</a></div>";
    var xmlRims = xmlDoc2.getElementsByTagName('rims');
    for (i = 0; i < xmlRims[0].childNodes.length; i++) {
        if (xmlRims[0].childNodes[i].nodeType != 1) continue;
        if (xmlRims[0].childNodes[i].attributes.getNamedItem("brand").value == globalBrand && xmlRims[0].childNodes[i].attributes.getNamedItem("design").value == globalDesign) {
            for (g = 0; g < xmlRims[0].childNodes[i].childNodes[firstIndex].childNodes.length; g++) {
                if (xmlRims[0].childNodes[i].childNodes[firstIndex].childNodes[g].nodeType != 1) continue;
                if (xmlRims[0].childNodes[i].childNodes[firstIndex].childNodes[g].attributes.getNamedItem("size").value == globalSize) {
                    document.getElementById("sizeContent").innerHTML += "<div><a href=javascript:validateOnRims('" + globalBrand.replace(" ", "%20") + "','" + globalDesign.replace(" ", "%20") + "','" + xmlRims[0].childNodes[i].childNodes[firstIndex].childNodes[g].attributes.getNamedItem("size").value + "','" + globalEt + "') style='color: #000000;'>" + xmlRims[0].childNodes[i].childNodes[firstIndex].childNodes[g].attributes.getNamedItem("size").value + "''</a></div>";
                }
                else {
                    document.getElementById("sizeContent").innerHTML += "<div><a href=javascript:validateOnRims('" + globalBrand.replace(" ", "%20") + "','" + globalDesign.replace(" ", "%20") + "','" + xmlRims[0].childNodes[i].childNodes[firstIndex].childNodes[g].attributes.getNamedItem("size").value + "','" + globalEt + "')>" + xmlRims[0].childNodes[i].childNodes[firstIndex].childNodes[g].attributes.getNamedItem("size").value + "''</a></div>";
                }
            }
        }
    }
}

function writeEts() {
    document.getElementById("etContent").innerHTML = "";
    var xmlRims = xmlDoc2.getElementsByTagName('rims');
    for (i = 0; i < xmlRims[0].childNodes.length; i++) {
        if (xmlRims[0].childNodes[i].nodeType != 1) continue;
        if (xmlRims[0].childNodes[i].attributes.getNamedItem("brand").value == globalBrand && xmlRims[0].childNodes[i].attributes.getNamedItem("design").value == globalDesign) {
            for (g = 0; g < xmlRims[0].childNodes[i].childNodes[firstIndex].childNodes.length; g++) {
                if (xmlRims[0].childNodes[i].childNodes[firstIndex].childNodes[g].nodeType != 1) continue;
                if (xmlRims[0].childNodes[i].childNodes[firstIndex].childNodes[g].attributes.getNamedItem("size").value == globalSize) {
                    for (h = 0; h < xmlRims[0].childNodes[i].childNodes[firstIndex].childNodes[g].childNodes[secondIndex].childNodes.length; h++) {
                        if (xmlRims[0].childNodes[i].childNodes[firstIndex].childNodes[g].childNodes[secondIndex].childNodes[h].nodeType != 1) continue;
                        if (xmlRims[0].childNodes[i].childNodes[firstIndex].childNodes[g].childNodes[secondIndex].childNodes[h].attributes.getNamedItem("et").value == globalEt) {
                            document.getElementById("etContent").innerHTML += "<div><a href=javascript:validateOnRims('" + globalBrand.replace(" ", "%20") + "','" + globalDesign.replace(" ", "%20") + "','" + globalSize + "','" + xmlRims[0].childNodes[i].childNodes[firstIndex].childNodes[g].childNodes[secondIndex].childNodes[h].attributes.getNamedItem("et").value + "') style='color: #000000;'>" + xmlRims[0].childNodes[i].childNodes[firstIndex].childNodes[g].childNodes[secondIndex].childNodes[h].attributes.getNamedItem("et").value + "</a></div>";
                        }
                        else {
                            document.getElementById("etContent").innerHTML += "<div><a href=javascript:validateOnRims('" + globalBrand.replace(" ", "%20") + "','" + globalDesign.replace(" ", "%20") + "','" + globalSize + "','" + xmlRims[0].childNodes[i].childNodes[firstIndex].childNodes[g].childNodes[secondIndex].childNodes[h].attributes.getNamedItem("et").value + "')>" + xmlRims[0].childNodes[i].childNodes[firstIndex].childNodes[g].childNodes[secondIndex].childNodes[h].attributes.getNamedItem("et").value + "</a></div>";
                        }
                    }
                }
            }
        }
    }
}

function writeTyres() {
    document.getElementById("tyreContent").innerHTML = "";
    document.getElementById("printTyreContent").innerHTML = "";
    var xmlRims = xmlDoc2.getElementsByTagName('rims');
    for (i = 0; i < xmlRims[0].childNodes.length; i++) {
        if (xmlRims[0].childNodes[i].nodeType != 1) continue;
        if (xmlRims[0].childNodes[i].attributes.getNamedItem("brand").value == globalBrand && xmlRims[0].childNodes[i].attributes.getNamedItem("design").value == globalDesign) {
            for (g = 0; g < xmlRims[0].childNodes[i].childNodes[firstIndex].childNodes.length; g++) {
                if (xmlRims[0].childNodes[i].childNodes[firstIndex].childNodes[g].nodeType != 1) continue;
                if (xmlRims[0].childNodes[i].childNodes[firstIndex].childNodes[g].attributes.getNamedItem("size").value == globalSize) {
                    for (h = 0; h < xmlRims[0].childNodes[i].childNodes[firstIndex].childNodes[g].childNodes[firstIndex].childNodes.length; h++) {
                        if (xmlRims[0].childNodes[i].childNodes[firstIndex].childNodes[g].childNodes[firstIndex].childNodes[h].nodeType != 1) continue;
                        document.getElementById("tyreContent").innerHTML += "<div>" + xmlRims[0].childNodes[i].childNodes[firstIndex].childNodes[g].childNodes[firstIndex].childNodes[h].attributes.getNamedItem("name").value + "</div>";
                        document.getElementById("printTyreContent").innerHTML += "<div>" + xmlRims[0].childNodes[i].childNodes[firstIndex].childNodes[g].childNodes[firstIndex].childNodes[h].attributes.getNamedItem("name").value + "</div>";
                    }
                }
            }
        }
    }
}

function writeAll() {
    //Størrelser
    document.getElementById("sizeContent").innerHTML = "";
    document.getElementById("sizeContent").innerHTML += "<div><a href=javascript:writeAll();  style='color: #000000;'>Vis alle</a></div>";
    var xmlRims = xmlDoc2.getElementsByTagName('rims');
    for (j = 10; j < 25; j++) {
        sizeHasBeenWritten = false;
        for (i = 0; i < xmlRims[0].childNodes.length; i++) {
            if (xmlRims[0].childNodes[i].nodeType != 1) continue;
            for (g = 0; g < xmlRims[0].childNodes[i].childNodes[firstIndex].childNodes.length; g++) {
                if (xmlRims[0].childNodes[i].childNodes[firstIndex].childNodes[g].nodeType != 1) continue;
                if (xmlRims[0].childNodes[i].childNodes[firstIndex].childNodes[g].attributes.getNamedItem("size").value == j) {
                    if (sizeHasBeenWritten == false) {
                        document.getElementById("sizeContent").innerHTML += "<div><a href=javascript:validateOnSize('" + globalBrand.replace(" ", "%20") + "','" + globalDesign.replace(" ", "%20") + "','" + j + "','" + globalEt + "')>" + j + "''</a></div>";
                        sizeHasBeenWritten = true;
                    }
                }
            }
        }
    }

    //Designs
    document.getElementById("rimContent").innerHTML = "";
    var xmlRims = xmlDoc2.getElementsByTagName('rims');
    for (i = 0; i < xmlRims[0].childNodes.length; i++) {
        if (xmlRims[0].childNodes[i].nodeType != 1) continue;
        if (xmlRims[0].childNodes[i].attributes.getNamedItem("brand").value == globalBrand && xmlRims[0].childNodes[i].attributes.getNamedItem("design").value == globalDesign) {
            document.getElementById("rimContent").innerHTML += "<a href=javascript:validateOnRims('" + xmlRims[0].childNodes[i].attributes.getNamedItem("brand").value.replace(" ", "%20") + "','" + xmlRims[0].childNodes[i].attributes.getNamedItem("design").value.replace(" ", "%20") + "','" + globalSize + "','" + globalEt + "')><img style='margin: 7px; background-image:url(pictures/design/iconSelected.png);' alt='' src='pictures/" + xmlRims[0].childNodes[i].attributes.getNamedItem("image").value + "' /></a>";
        }
        else {
            document.getElementById("rimContent").innerHTML += "<a href=javascript:validateOnRims('" + xmlRims[0].childNodes[i].attributes.getNamedItem("brand").value.replace(" ", "%20") + "','" + xmlRims[0].childNodes[i].attributes.getNamedItem("design").value.replace(" ", "%20") + "','" + globalSize + "','" + globalEt + "')><img style='margin: 7px;' alt='' src='pictures/" + xmlRims[0].childNodes[i].attributes.getNamedItem("image").value + "' /></a>";
        }
    }
}

//Change display
function backToCars() {
    document.getElementById("showCars").style.visibility = "visible";
    document.getElementById("showCars").style.display = "block";
    document.getElementById("showRims").style.visibility = "hidden";
    document.getElementById("showRims").style.display = "none";
}

//Vedr. popup
var isIE = document.all ? true : false;
if (!isIE) document.captureEvents(Event.MOUSEMOVE);
document.onmousemove = getMousePosition;
function getMousePosition(e) {
    _x = "";
    _y = "";
    if (!isIE) {
        _x = e.pageX + 10;
        _y = e.pageY + 10;
    }
    if (isIE) {
        _x = event.clientX + document.body.scrollLeft + 10;
        _y = event.clientY + document.body.scrollTop + 10;
    }
    return true;
}

function createPopup(x) {
    if (x == 1) {
        message = "Denne fælg, i denne størrelse og på denne bil, er <b style='text-decoration:underline;'>ikke</b> godkendt til syn i Danmark!";
    } else if (x == 2) {
        message = "Denne fælg, i denne størrelse og på denne bil, er godkendt til syn i Danmark!";
    } else if (x == 3) {
        message = "Denna fälg, i vald storlek på aktuell bil kan skapa platsproblem, hör med din närmaste återförsäljare.";
    } else if (x == 4) {
        message = "Denna fälg, i vald storlek på aktuell bil bör inte skapa några platsproblem!";
    }
    element = document.createElement("div");
    element.setAttribute("id", "popup");
    element.style.border = "solid 1px #000000";
    element.style.backgroundColor = "#ffffff";
    element.style.position = "absolute";
    element.style.padding = "10px";
    element.style.top = _y + "px";
    element.style.left = _x + "px";
    element.innerHTML = message;
    document.body.replaceChild(element, document.getElementById('popup'));
}

function removePopup() {
    element = document.createElement("div");
    element.setAttribute("id", "popup");
    document.body.replaceChild(element, document.getElementById('popup'));
}

function printCar() {

    //skifter over til detaljeret view
    document.getElementById("showRims").style.visibility = "hidden";
    document.getElementById("showRims").style.display = "none";
    document.getElementById("showPrint").style.visibility = "visible";
    document.getElementById("showPrint").style.display = "block";

    window.print();
}

function backToModel() {
    document.getElementById("showRims").style.visibility = "visible";
    document.getElementById("showRims").style.display = "block";
    document.getElementById("showPrint").style.visibility = "hidden";
    document.getElementById("showPrint").style.display = "none";
}