function changeContentBoxBodyVisibility(layerID) {

    //Pfad für Closer-Icon
    var pathName    = "/axaweb/images/meta/";
    var layerName   = "contentboxbody" + layerID;
    var closerName  = "closer" + layerID;

    //Setzen der Sichtbarkeit des Layers
    if(document.getElementById(layerName).style.display == "none") {
        document.getElementById(layerName).style.display = "block";
        document.getElementById(closerName).src = pathName + "ges_contentbox_closer.jpg";
    } else {
        document.getElementById(layerName).style.display = "none";
        document.getElementById(closerName).src = pathName + "ges_contentbox_opener.jpg";
    }


}

function checkBrowser() {
    var BrowserName = navigator.appName;
    if (BrowserName == 'Microsoft Internet Explorer') {
     return 'IE';
    }
    else if (BrowserName == 'Netscape') {
     return 'FF';
    }
    else if (BrowserName == 'Opera') {
     return 'OP';
    }
    else {
     return 'unknown';
    }
}


function getElement(elementname) {
    var input = document.getElementsByName(elementname)[0];
    if(typeof input == 'undefined')
        input = document.getElementById(elementname);
    return input;
}

function displayLayer(element, show) {
    var layer = getElement(element);

    var style = "none";
    if(show == true)
        style = "block";
    layer.style.display = style;
}

function highlightTab(element, highlight) {
    var layer = getElement(element);

    var style = "lowTab";
    if(highlight == true)
        style = "highTab";
    layer.className = style;
}

function border(element){
    var button;

    button = getElement(element);

    if (button != null && typeof button != "undefined"){
        button.className = "lowTab noBorder";
    }
}

/**
 * @see {/axaweb/js/webtrends.js}
 * webtrends.js ist in html-head.jsp eingebunden
 */
function showPage(page) {
    hideLayers();
    highlightTab("button"+page, true);
    displayLayer("layer"+page, true);
    border("button"+eval(page+1));

    // webtrends tracking of clicking a new Reiter
    reiternaviDoWebtrends(page);
}

 function showInfoBox(id) {
    var elementName = "infobox" + id;
    document.getElementById(elementName).style.visibility = "visible";
    document.getElementById(elementName).style.display = "block";
 }

 function hideInfoBox(id) {
    var elementName = "infobox" + id;
    document.getElementById(elementName).style.visibility = "hidden";
    document.getElementById(elementName).style.display = "none";

 }


 function showInfoRow(id) {
    var rowname = "inforow" + id;
    var togglename = "infotrigger" + id;
    document.getElementById(togglename).className = "leistungstabelle-col1-drop-trigger leistungstabelle-highlighted";

    if(checkBrowser() == 'IE') {
        document.getElementById(rowname).parentElement.style.display = "block";
        document.getElementById(rowname).style.display = "block";
    }
    else {
        document.getElementById(rowname).style.display = "table-cell";
    }
 }
 function hideInfoRow(id) {
    var rowname = "inforow" + id;
    var togglename = "infotrigger" + id;
    document.getElementById(togglename).className = "leistungstabelle-col1-drop-trigger";
    if(checkBrowser() == 'IE') {
        document.getElementById(rowname).parentElement.style.display = "none";
        document.getElementById(rowname).style.display = "none";
    }
    else {
        document.getElementById(rowname).style.display = "none";
    }
 }

function initContentBoxes() {

    var counter = 1;
    var layerName   = "contentboxbody" + counter;
    var closerName  = "closer" + counter;
    var pathName    = "/axaweb/images/meta/";
    var numberOfContentBoxes = 0;
    var browserName = navigator.appName;

     if (browserName == 'Microsoft Internet Explorer') {
        numberOfTags = document.all.length;
        for(i = 0; i < numberOfTags; i++) {
            if(document.all[i].name == "contentbox") {
                numberOfContentBoxes++;
            }
        }
     }
     else {
        numberOfContentBoxes = document.getElementsByName("contentbox").length;

     }

    while(counter < numberOfContentBoxes) {
        document.getElementById(layerName).style.display = "none";
        document.getElementById(closerName).src = pathName + "ges_contentbox_opener.jpg";
        counter++;
    }


}

/**
 * @see {/axaweb/js/webtrends.js} for webtrends tracking
 * eingebunden in html-head.jsp
 */
function showInfoLayer(layerid, file) {
    var filename = file.substring(0, file.lastIndexOf('.'));
    var fileext = file.substring(file.lastIndexOf('.'));

    var layername = "infolayer"+layerid;
    var theImage = document.getElementById("img_versicherungen");

    var pathName = "/axaweb/images/meta/";
    var selectedImageName = pathName + filename + "_" + layerid + fileext;
    var defaultImageName = pathName + file;

    //alle Layer invisible schalten

    if(document.getElementById(layername).style.display == "none") {
        // execute webtrends tracking if layer is now shown
        infolayerDoWebtrends(layerid, filename);

        document.getElementById(layername).style.display = "block";
        theImage.src = selectedImageName;

        for(i = 1; document.getElementById("infolayer"+i); i++) {
            lname = "infolayer"+i;
            if(lname != layername) {
                document.getElementById(lname).style.display = "none";
            }
        }
    } else {
        document.getElementById(layername).style.display = "none";
        theImage.src = defaultImageName;
    }

}


function toggleTable(id) {
    var opener = "/axaweb/images/meta/ges_contentbox_opener.jpg";
    var closer = "/axaweb/images/meta/ges_contentbox_closer.jpg";

    var tableCells;
    var thisBrowser = checkBrowser();
    if(thisBrowser == 'IE')
        tableCells = document.getElementsByTagName("tr");
    else
        tableCells = document.getElementsByName(id);

    for(var i=0; i<tableCells.length; i++) {
        if(thisBrowser == 'IE') {
            if(tableCells[i].name == id)
                if(tableCells[i].style.display == "none")
                    tableCells[i].style.display = "block";
                else
                    tableCells[i].style.display = "none";
        }
        else {
            if(tableCells[i].tagName == 'TD')
                if(tableCells[i].style.display == "none")
                    tableCells[i].style.display = "table-cell";
                else
                    tableCells[i].style.display = "none";
        }
    }

    if(document.getElementById(id).src.indexOf("opener") >= 0)
        document.getElementById(id).src = closer;
    else
        document.getElementById(id).src = opener;

}