﻿

    var id = 0;
    var requestObject = null;
    var xmlFileName = "DetailsXML.aspx";
    var articleName = "Article";
    var articleFields = new Array("Datum", "Ueberschrift", "Unterzeile", "Text", "Autor");
    var articlePicture = "PICB";
    var articlePicturePath = "../DBASE/FILES/News/";

    if (window.XMLHttpRequest) {
        requestObject = new XMLHttpRequest();
    } else if (window.ActiveXObject) {
        requestObject = new ActiveXObject("Microsoft.XMLHTTP");
    }

    if(window.XMLSerializer){
        xmlSerializerObject = new XMLSerializer();
    }

    function loadDetails(id) {
        this.id = id;
        if (requestObject != null) {
            document.getElementById("SVLoadingIndicator_" + id.toString()).style.display = "inline";
            document.getElementById("SVDetailLink_" + id.toString()).style.display = "none";
            requestObject.open("GET", xmlFileName + "?id=" + id, true);
            requestObject.onreadystatechange = showDetails;
            requestObject.send(null);
        }
    }

    function showDetails() {
        if (requestObject.readyState == 4 && requestObject.status == 200) {
            var xmlData = requestObject.responseXML;
            var xmlDataTable = xmlData.getElementsByTagName(articleName);
            var xmlDataTuple = xmlDataTable[0];

            document.getElementById(articlePicture + "DVA_" + id.toString()).style.display = "none";

            for (j = 0; j < xmlDataTuple.childNodes.length; j++) {
                xmlField = xmlDataTuple.childNodes[j];

                for (n = 0; n < articleFields.length; n++) {
                    if (xmlField.nodeName == articleFields[n]) fillDetailViewElement(xmlField);
                }

                if (xmlField.nodeName == articlePicture) {
                    document.getElementById(xmlField.nodeName + "DVA_" + id.toString()).src = articlePicturePath + xmlField.firstChild.nodeValue;
                    document.getElementById(xmlField.nodeName + "DVA_" + id.toString()).style.display = "inline";
                }
            }
            document.getElementById("SVA_" + id.toString()).style.display = "none";
            document.getElementById("DVA_" + id.toString()).style.display = "block";
        }

    }

    function fillDetailViewElement(xmlNode) {
        var xmlNodeText;
        if (typeof xmlSerializerObject == "undefined") {
            xmlNodeText = xmlNode.xml;
        }
        else {
            xmlNodeText = new XMLSerializer().serializeToString(xmlNode);        
        }
        xmlNodeText = xmlNodeText.substring(xmlNodeText.indexOf(">") + 1, xmlNodeText.lastIndexOf("<"));
        htmlNode = document.getElementById(xmlNode.nodeName + "DVA_" + id.toString()).innerHTML = xmlNodeText;       
    }

    function hideDetails(id) {
        document.getElementById("DVA_" + id.toString()).style.display = "none";
        document.getElementById("SVLoadingIndicator_" + id.toString()).style.display = "none";
        document.getElementById("SVDetailLink_" + id.toString()).style.display = "inline";
        document.getElementById("SVA_" + id.toString()).style.display = "block";
    }
