function changeContentBoxBodyVisibility(layerID) {

    //Pfad f&#252;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";
    }


}

// fuer plus-minus Design
function changeContentBoxBodyVisibilityPlusminus(layerID) {

    //Pfad f&#252;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 + "blue_plusminus_closer.jpg";
    } else {
        document.getElementById(layerName).style.display = "none";
        document.getElementById(closerName).src = pathName + "blue_plusminus_opener.jpg";
    }


}

// fuer Kfz-Bereich
function changeContentBoxBodyVisibilityKfz(layerID) {

    //Pfad f&#252;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 == "block") {
        document.getElementById(layerName).style.display = "none";
        document.getElementById(closerName).src = pathName + "blue_arrow_opener.gif";
    } else {
        document.getElementById(layerName).style.display = "block";
        document.getElementById(closerName).src = pathName + "blue_arrow_closer.gif";
    }


}

// fuer plus-minus Design
// fuer Kfz-Bereich
function changeContentBoxBodyVisibilityPlusminusKfz(layerID) {

    //Pfad f&#252;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 == "block") {
        document.getElementById(layerName).style.display = "none";
        document.getElementById(closerName).src = pathName + "blue_plusminus_opener.gif";
    } else {
        document.getElementById(layerName).style.display = "block";
        document.getElementById(closerName).src = pathName + "blue_plusminus_closer.gif";
    }


}

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";
    try{
    	layer.style.display = style;
    }catch (e) {
		// TODO: handle exception
	}
}

function highlightTab(element, highlight) {
    var layer = getElement(element);

    var style = "lowTab";
    if(highlight == true)
        style = "highTab";
    try {
    	layer.className = style;
	} catch (e) {
		// TODO: handle exception
	}
}

function border(element){
    var button = getElement(element);

    if (button != null && button != 'undefined'){
        button.className = "lowTab noBorder";
    }
}

/**
 * @see {/axaweb/js/webtrends.js}
 * webtrends.js ist in html-head.jsp eingebunden
 */
function showPage(page) {
	try {
		hideLayers();
	} catch (e) {
		// TODO: handle exception
	}
    
    highlightTab("button"+page, true);
    displayLayer("layer"+page, true);
    border("button"+eval(page+1));

    // webtrends tracking of clicking a new Reiter
    try{
    	reiternaviDoWebtrends(page);
    }catch(e) {
    	
    }
}

 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 toggleInfoRow(id, startid, endid) {
    var rowname = "inforow" + id;

	if(document.getElementById(rowname).style.display == "none"){

		for(var i=startid; i<=endid; i++) {
			var rowtoclose = "inforow" + i;

			if(checkBrowser() == 'IE') {
			    document.getElementById(rowtoclose).parentElement.style.display = "none";
			    document.getElementById(rowtoclose).style.display = "none";
			}
			else {
			    document.getElementById(rowtoclose).style.display = "none";
			}

		}

		if(checkBrowser() == 'IE') {
	    	document.getElementById(rowname).parentElement.style.display = "block";
	    	document.getElementById(rowname).style.display = "block";
	    }
	    else {
	    	document.getElementById(rowname).style.display = "table-cell";
	    }
	}
	else{
		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 ueber html-jead.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;

        var lname;

        for(var 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;
    }

}

/**
 * @see {/axaweb/js/webtrends.js} for webtrends tracking
 * eingebunden ueber html-jead.jsp
 */
function showInfoLayerOverFlash(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;

    var flashLayerName = "flashlayer";

    //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";
        document.getElementById(flashLayerName).style.display = "none";
        theImage.src = selectedImageName;

        var lname;

        for(var 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;
        document.getElementById(flashLayerName).style.display = "block";
    }
}

/**
 * @see {/axaweb/js/webtrends.js} for webtrends tracking
 * eingebunden ueber html-jead.jsp
 */
function showInfoLayerOverCounter(layerid, file, countername) {
    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(countername).style.display = "none";
        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(countername).style.display = "block";
        document.getElementById(layername).style.display = "none";

        theImage.src = defaultImageName;
    }

}


function thisInfoLayer(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


       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";
           }
       }


}

/**
 * @see { /axaweb/js/webtrends.js }
 */
function showAktionsboxLayer(layerid) {

	var showAll = true;

	    // Layer togglen

    var defaultlayername = "aktionboxlayer";
    var layername = defaultlayername+layerid;

    if(document.getElementById(layername).style.display == "none") {
        document.getElementById(layername).style.display = "block";
        showAll = false;

        // do webtrends tracking for aktionsbox layer
        aktionsboxDoWebtrends(layerid);

        for(var i = 1; document.getElementById(defaultlayername+i); i++) {
            lname = defaultlayername+i;
            if(lname != layername) {
                document.getElementById(lname).style.display = "none";
            }
        }
    } else {
        document.getElementById(layername).style.display = "none";
    }



		// Grafik togglen

	var defaultid = "aktionboxbutton"

	var fileid =  defaultid + layerid;
	var fileref = document.getElementById(fileid)
	var filesrc = fileref.src;
    var filepath = filesrc.substring(0, filesrc.lastIndexOf('.'));
    var fileext = filesrc.substring(filesrc.lastIndexOf('.'));
    var filedark = filepath.substring(filepath.lastIndexOf('_'));

    var dark = "_dark";

    //aktuellen Button setzen
    if(filedark == dark){
    	filepath = filepath.substring(0, filepath.lastIndexOf('_'));
    	fileref.src = filepath + fileext;
    }
    else{
    	fileref.src = filepath + dark + fileext;
    }

    //alle anderen Button setzen
    for(i = 1; document.getElementById(defaultid+i); i++) {
        var buttonname = defaultid+i;
        if(buttonname != fileid) {
            	fileref = document.getElementById(buttonname)
				filesrc = fileref.src;
			    filepath = filesrc.substring(0, filesrc.lastIndexOf('.'));
			    fileext = filesrc.substring(filesrc.lastIndexOf('.'));
			    filedark = filepath.substring(filepath.lastIndexOf('_'));

			    if(filedark == dark){
			    	filepath = filepath.substring(0, filepath.lastIndexOf('_'));
			    	fileref.src = filepath + fileext;
			    }
        }
    }


}

function showAktionsboxAndTransparentLayer(layerid) {

	var showAll = true;

	    // Layer togglen

    var defaultlayername = "aktionboxlayer";
    var transparentlayername = "transparentlayer";
    var layername = defaultlayername+layerid;

    if(document.getElementById(layername).style.display == "none") {
        document.getElementById(layername).style.display = "block";
        document.getElementById(transparentlayername).style.display = "block";
        showAll = false;

        // do webtrends tracking for aktionsbox layer
        aktionsboxDoWebtrends(layerid);

        for(i = 1; document.getElementById(defaultlayername+i); i++) {
            lname = defaultlayername+i;
            if(lname != layername) {
                document.getElementById(lname).style.display = "none";
            }
        }
    } else {
        document.getElementById(layername).style.display = "none";
        document.getElementById(transparentlayername).style.display = "none";
    }

		// Grafik togglen

	var defaultid = "aktionboxbutton"

	var fileid =  defaultid + layerid;
	var fileref = document.getElementById(fileid)
	var filesrc = fileref.src;
    var filepath = filesrc.substring(0, filesrc.lastIndexOf('.'));
    var fileext = filesrc.substring(filesrc.lastIndexOf('.'));
    var filegrey = filepath.substring(filepath.lastIndexOf('_'));

    var grey = "_grey";

    if(filegrey == grey){
    	filepath = filepath.substring(0, filepath.lastIndexOf('_'));
    }

	// aktuellen Button setzen
    fileref.src = filepath + fileext;

    for(i = 1; document.getElementById(defaultid+i); i++) {
        buttonname = defaultid+i;
        if(buttonname != fileid) {
            	fileref = document.getElementById(buttonname)
				filesrc = fileref.src;
			    filepath = filesrc.substring(0, filesrc.lastIndexOf('.'));
			    fileext = filesrc.substring(filesrc.lastIndexOf('.'));
			    filegrey = filepath.substring(filepath.lastIndexOf('_'));

			    if(showAll){
		    	    if(filegrey == grey){
		    	    	// bestehendes grey aus Pfad l�schen
				    	filepath = filepath.substring(0, filepath.lastIndexOf('_'));
				    }

			    	fileref.src = filepath + fileext;
			    }
			    else if(filegrey != grey){
			    	fileref.src = filepath + grey + fileext;
			    }
        }
    }

}


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 ( $('#'+ id +' img.leistungstabelle-header-closer').attr('src').indexOf("opener") >= 0 )
		$('#'+ id +' img.leistungstabelle-header-closer').attr('src',closer);
	else
		$('#'+ id +' img.leistungstabelle-header-closer').attr('src',opener);
	
	
	
	/*
	if(document.getElementById(id).src.indexOf("opener") >= 0)
		document.getElementById(id).src = closer;
	else
		document.getElementById(id).src = opener;
	*/

}

