//-- The JavaScript Source!! http://javascript.internet.com -->

var CLASSNAME="generic";

var windowW=600; // width
var windowH=750; // height
var windowX = 260; // from left
var windowY = 100; // from top

// set this to true if the popup should close
// upon leaving the launching page; else, false
var autoclose = false;

// do not edit below this line - warum?
s = "width="+windowW+",height="+windowH;
var beIE = document.all?true:false;

var m_strTitle = "Titel des Popups";
var m_strSubTitle = "Sub-Titel des Popups";
var m_url = null;
var m_dataClass = "ID of data class";
var m_dataObject = null;
var hyphen = "'";
var newwindow = "";

var m_divId_ContainerHeader = "container_header";
var m_divId_ContainerNavi = "container_navi";
var m_divId_ContainerContent = "container_content";
var m_divId_InPageMainNavi = "in_page_navigation";
var m_divId_InPageSubNavi = "in_page_sub_navigation";

/*********************************************************************************************
 Daten per URL übergeben und Auslesen eines bestimmten parameter - value Paares
 ------------------------------------------------------------------------------
Die Daten werden über dieURLübergeben. Sofern ein Formular ausgefüllt wird, muss dieses
sicher abgeschickt werden um auf die nächste Seite zu gelangen.
Mit JavaScript können wir die in derURLübergebenen Daten wieder auslesen und weiter verarbeiten.
Dazu sollten wir uns vor Augen führen, wie eine solcheURLaufgebaut ist.
Als erstes kommt standardmäßig die Adresse der aufgerufenen Seite.
Anschließend folgt ein Fragezeichen, welches Adresse und Formulardaten trennt.
Letztlich folgen die Formulardaten jeweils in Name-Wert-Paaren.
Jedes Paar wird durch ein Kaufmanns-Und (&) abgetrennt und besteht jeweils aus dem
Namen des Eingabefeldes, einem Gleichheitszeichen und dem Wert.
        : "&obj=barbara&bild=niedlich"

Mit JavaScript können wir über die location.search-Eigenschaft auf den letzten Teil derURLzugreifen (alles ab dem ?).
Um die einzelnen Werte der Felder heraus zu bekommen kann dann folgendes Skript verwendet werden:

**********************************************************************************************/
function scanUrlForParam(urlParam, paramName)
{
         res = '';

// URL einlesen
// Bsp: Ergebnis für s = "popup.html?class=fotostrecke&object=dammschoppen2007&instance=barbara.jpg"
         s = location.search;

// Parameter-String ermitteln - beginnt mit '?'
// Bsp: Ergebnis für s = "class=fotostrecke&object=dammschoppen2007"
 if(s.indexOf('?') != -1){s = s.substring(1,s.length)}


 // --------------------------------------------------------------------
 // Schleife bis Parameter gefunden oder String komplett abgesucht
 // --------------------------------------------------------------------
 while(s != '')
 {
  // extrahieren Name des Parameters, z.b. aus "class=fotostrecke" wird "class" ermittelt
  b = s.substring(0,s.indexOf('='));

  // extrahieren Value des Parameters,
  //         z.b. aus "class=fotostrecke" wird "fotostrecke" ermittelt
  // a) prüfen ob noch ein '&' im String ist (d.h. ein weiterer Parameter ist vorhanden)
  // b) ist kein '&' vorhanden, wird der value-string in kompletter Länge ausgelesen
  c = s.substring(s.indexOf('=')+1,s.indexOf('&'));
  if(s.indexOf('&') == -1)
  {c = s.substring(s.indexOf('=')+1,s.length);}

  //  Parameter gefunden ? - wenn ja, dann Rückgabe
  if(b == paramName){res = c; break;}

  //  Parameter noch nicht gefunden ?
  //  wenn ja : prüfen ob noch ein Wertepaar vorhanden (z.b. "&object=dammschoppen2007")
  //  wenn nein: Ende-bedingung setzen (s = '')
  if(s.indexOf('&') == -1){s = '';}
  else{s = s.substring(s.indexOf('&')+1,s.length)}
 }

 return unescape(res);
}

/********************************************************************************************
         Generieren eines Contents unterhalb von "div=page_container"
         TODO: ermitteln type of content (galerie, usw.)
*********************************************************************************************/

function generateContent(urlParam)
{
         m_urlParam = urlParam;
//         alert ("generateContent: url=" + urlParam);
//         m_strId = contentId;
//         m_objId = objId;

         m_dataClass = scanUrlForParam(m_urlParam, "class");
         m_dataObject = scanUrlForParam(m_urlParam, "object");
         m_dataDomain = scanUrlForParam(m_urlParam, "domain");

//         alert ("generateContent: class=" + m_dataClass + "\n" + "object" + m_dataObject);

//         if (m_dataClass == "bilder") {generateBilderstrecke(m_dataClass, m_dataObject)};
//         if (m_dataClass == "saisonplan") {getData(m_dataClass, m_dataObject)};
//         if (m_dataClass == "saisonplan") {getData(m_dataClass, m_dataObject)};



         if      (m_dataClass == "bilder")          {generateBilderstrecke(m_dataClass, m_dataObject);}
         else if (m_dataClass == "saisonplan")      {getData(m_dataClass, m_dataObject);}
         else if (m_dataClass == "sport")           {generatePageErgeb(m_dataClass, m_dataObject, m_dataDomain);}
         else if (m_dataClass == "ergebnisse")      {generatePageErgeb(m_dataClass, m_dataObject, m_dataDomain);}
         else if (m_dataClass == "portraitms")      {generatePageMannschaften(m_dataClass, m_dataObject);}
         else    {alert ("generic::generateContent : Unbekannte Daten-Klasse: " + m_dataClass);}

}

function generateBilderstrecke(dataClass, dataObject)
{
        METHODNAME = "generateBilderstrecke";
//        alert(METHODNAME + ": dataClass=" + dataClass + " / dataObject=" + dataObject);

         var strPopupTitle = getGalerieData(m_dataObject, 'title');
         var strPopupSubTitle = getGalerieData(m_dataObject, 'subtitle');
         var strAnzahl = getGalerieData(m_dataObject, 'anzahl');
         var strBildInfo = getGalerieData(m_dataObject, 'bildinfo');

        document.write('<div id="galerie_container">');
        document.write('<h1 id="popupTitle">'+strPopupTitle+'</h1>');
        document.write('<h4 id="popupSubTitle">'+strPopupSubTitle+'</h4>');
        document.write('<br />');


        document.write('<div id="galerie_navigation">');

        document.write('<table width="90%"');
        document.write('<colgroup>');
        document.write('<col width="25%" />');
        document.write('<col width="20%" />');
        document.write('<col width="20%" />');
        document.write('<col width="10%" />');
        document.write('<col width="20%" />');
        document.write('</colgroup>');

        document.write('<tbody>');
        document.write('<tr>');

        document.write('<td>');

        document.write('<p class="bfr_link">');
        strHtml = '<a class="zurueck_blaettern_link" href="javascript:showBilderGalerie('
                + hyphen
                + m_dataClass
                + hyphen
                + ', '
                + hyphen
                + m_dataObject
                + hyphen
                + ', '
                + hyphen
                + '-'
                + hyphen
                + ')" '
                + 'title="Bild zur&uuml;ck" >Bild zur&uuml;ck'
                + '</a>';
        document.write(strHtml);
        document.write('</p>');


/*
        strHtml = '<img src="../grafik/previtem.ico" class="icon" alt="zur&uuml;ck">&nbsp;'
                 + '<a href="javascript:showBilderGalerie('
                 + hyphen
                + m_dataClass
                 + hyphen
                 + ', '
                 + hyphen
                + m_dataObject
                 + hyphen
                 + ', '
                 + hyphen
                 + '-'
                 + hyphen
                 + ')" '
                 + 'title="Bild zur&uuml;ck" >'
                 + 'Bild zur&uuml;ck</a>';
        document.write(strHtml);
*/


        document.write('</td>');

        document.write('<td>');
        document.write('&nbsp;&nbsp;&nbsp;');
        document.write('<span id="bildPosition">(1/'+strAnzahl+')</span>');
        document.write('&nbsp;&nbsp;&nbsp;');
        document.write('</td>');

        document.write('<td>');

/*        <p class="bfr_link">
             <a class="forw_link" href="downloads.html"
                target="_blank" title="Zur Seite">
                Zur Download-Seite
             </a>
          </p>
*/

        document.write('<p class="bfr_link">');
        strHtml = '<a class="weiter_blaettern_link" href="javascript:showBilderGalerie('
                + hyphen
                + m_dataClass
                + hyphen
                + ', '
                + hyphen
                + m_dataObject
                + hyphen
                + ', '
                + hyphen
                + '+'
                + hyphen
                + ')" '
                + 'title="Bild weiter" >Bild weiter'
                + '</a>';
        document.write(strHtml);
        document.write('</p>');

/*
        strHtml = '<a href="javascript:showBilderGalerie('
                 + hyphen
                + m_dataClass
                 + hyphen
                 + ', '
                 + hyphen
                + m_dataObject
                 + hyphen
                 + ', '
                 + hyphen
                 + '+'
                 + hyphen
                 + ')" '
                 + 'title="Bild weiter" >Bild weiter'
                 + '</a>'
                 + '&nbsp;<img src="../grafik/nextitem.ico" class="icon" alt="weiter">';
        document.write(strHtml);
*/

        document.write('</td>');

        document.write('<td></td>');

        document.write('<td>');
        strHtml = '<a href="javascript:window.close()">Fenster schlie&szlig;en</a>'
        document.write(strHtml);
        document.write('</td>');

        document.write('</tr>');
        document.write('</tbody>');
        document.write('</table>');

        document.write('</div>');


        document.write('<br />');
        document.write('<div id="popupContent">');
        document.write('<br />');
        document.write('<div id="imgContainer">');
         var src = "../" +m_dataClass+"/"+m_dataObject+"/"+m_dataObject+"_1.jpg";
        document.write('<img border="0" id="intext" src="' +src+ '" alt="hier kommt das Bild" title="title">');
        document.write('</div>');
        document.write('<br style="clear:both">');
        document.write('</div>');

        if (strBildInfo != "" && strBildInfo != null) {
            document.write('<br />');
            document.write('<div id="bildInfo" class="textalign_left">'+strBildInfo+'</div>');
            document.write('<br />');
            document.write('<br />');
         }

        document.write('</div>');
}
/* ===========================================================================================
          Generiere Seite "Spielwochenend-Ergebnisse"

         "ergebnisse.html?class=ergebnisse&object=2007092203"

         1. Header h1 erzeugen
         2. Label für In-Page-Navi (main) erzeugen
         3. In-Page-Navi (main) erzeugen
         4. In-Page-Navi (sub ) erzeugen

   ===========================================================================================*/

function generatePageErgeb(l_dataClass, l_dataObject, l_dataDomain)
{
        var METHODNAME = "generatePageErgeb";



        //alert (METHODNAME + "\n" + "   l_dataClass=" + l_dataClass + "   l_dataObject=" + l_dataObject);

        if (l_dataDomain == null || l_dataDomain == "")
           {l_dataDomain = "201112";}


        //alert (METHODNAME + "\n" + "   l_dataClass=" + l_dataClass + "   l_dataObject=" + l_dataObject+ "   l_dataDomain=" + l_dataDomain);

        var txtHeader1 = "Saisonergebnisse " + l_dataDomain.slice(0,4) + "/"  + l_dataDomain.slice(4,6);
        var txtLabelInpageNavi = ""; //"Spielwochenende: ";


        var divCont = document.getElementById(m_divId_ContainerHeader);
        if (!divCont)  alert(METHODNAME + ": " + m_divId_ContainerHeader + " existiert nicht");
         //alert("generatePage: generic_container existiert!");

        var titleDiv = document.createElement("div");
        titleDiv.setAttribute("id",m_dataClass + "_header");

        var htmlH1 = document.createElement("h1");
        var htmlH1Text = document.createTextNode(txtHeader1);
            htmlH1.appendChild(htmlH1Text);

        titleDiv.appendChild(htmlH1);
        divCont.appendChild(titleDiv);


        //  Verify that target-div for in-page-navi does exist
         var divAusw = document.getElementById(m_divId_ContainerNavi);
         if (!divAusw)  alert(METHODNAME + ": " + m_divId_ContainerContent + " existiert nicht");

         //  Create a div for In-Page-Navi "MAIN"
        var divMainNavi = document.createElement("div");
        divMainNavi.setAttribute("id","InpageNaviMain");

         if (txtLabelInpageNavi != null && txtLabelInpageNavi != "")
         {
         //  Create a div for the Inp-Page-Navi "LABEL"
            var divMainNaviLabel = document.createElement("div");
            divMainNaviLabel.setAttribute("id","InpageNaviMainLabel");
            divMainNaviLabel.setAttribute("style","float:left;");

            var labelElem = document.createElement("h6");
            labelElem.setAttribute("style","margin-right:1em;");
//        labelElem.setAttribute("style","vertical-align:text-top");
            var labelText = document.createTextNode(txtLabelInpageNavi);
            labelElem.appendChild(labelText);
            divMainNaviLabel.appendChild(labelElem);

            divMainNavi.appendChild(divMainNaviLabel);
         }

         //  Create a div for the Inp-Page-Navi "ITEMS"
        var divMainNaviItems = document.createElement("div");
        divMainNaviItems.setAttribute("id","InpageNaviItems");
        divMainNaviItems.setAttribute("style","vertical-align:text-top; ");

         //  ---- Daten für das Inpage-Menü mit den Spielwochenenden sammeln

         var arrInpageMenu = getSpielwochenende(l_dataObject, l_dataDomain);

         if (arrInpageMenu.length > 0)
         {
            var selWE = createInpageMenu(divMainNaviItems, arrInpageMenu, "pageErgebnisse", null)
         };

        divMainNavi.appendChild(divMainNaviItems);

         var brElem = document.createElement("br");
         brElem.setAttribute("style", "clear:both;");
        divMainNavi.appendChild(brElem);

         divAusw.appendChild(divMainNavi);


         // Direkt durchschalten auf Datenanzeige
         if (m_dataObject != null && m_dataObject != "")
         {
          //alert("object=" + m_dataObject);

             var m = m_dataObject.slice(0,8);
             generatePageErgebData(m);
             var n = m_dataObject.slice(8,9);
            if (n != "")
             {
                 showData("container_content", "sport", l_dataObject, null, null, l_dataDomain);
             }
         }

}

/* ===========================================================================================
          Generiere Seiteninhalte "Spielwochenend-Ergebnisse"

         Seite selbst ist mit Header und Main-Navi bereits generiert.

         ""


   ===========================================================================================*/

function generatePageErgebData(id)
{
        var METHODNAME = "generatePageErgebData";

         var txtLabelInpageNavi = "Spieltag: ";


      //   alert (METHODNAME + "   m_dataClass=" + m_dataClass + "   m_dataObject=" + m_dataObject + "   id=" + id);

      //     alert ("Aufruf showData" + m_dataClass + "--" + id );
           showData("container_content", "sport", id, null, null, '201112');

      //   getData(m_dataClass, id);
           return;

         // ----------------------->>>>>>>>>>>>>>>>>>>>


         var divAusw = document.getElementById(m_divId_ContainerNavi);
         if (!divAusw)  alert(METHODNAME + ": " + m_divId_ContainerNavi + " existiert nicht");

         var labelElem = document.createElement("h6");
        labelElem.setAttribute("style","margin-right: 1em");
         var labelText = document.createTextNode(txtLabelInpageNavi);
        labelElem.appendChild(labelText);
        //naviLabelDiv.appendChild(labelElem);

         //  Daten-Div vor erneuter Erzeugung ggfls. löschen
        var removeDiv = document.getElementById(m_divId_ContainerContent + "_data");
        if (removeDiv != null) {
            var divParent = document.getElementById(m_divId_ContainerContent);
            divParent.removeChild(removeDiv);
         }

         //  Navi-Div vor erneuter Erzeugung ggfls. löschen
        var removeDiv = document.getElementById("divSubNavi");
        if (removeDiv != null) {
               divAusw.removeChild(removeDiv);
         }

         //  Create a div for the Inp-Page-Navi itself
        var divSubNavi = document.createElement("div");
        divSubNavi.setAttribute("id","divSubNavi");
        divSubNavi.setAttribute("style","vertical-align:text-top");

        var divSubNaviLabel = document.createElement("div");
        divSubNaviLabel.setAttribute("id","divSubNaviLabel");
        divSubNaviLabel.setAttribute("style","float:left");
//        divSubNaviLabel.appendChild(labelElem);
        divSubNavi.appendChild(divSubNaviLabel);

         //  Create a div for the Inp-Page-Navi "ITEMS"
        var divSubNaviItems = document.createElement("div");
        divSubNaviItems.setAttribute("id","divSubNaviItems");
        divSubNaviItems.setAttribute("style","vertical-align:text-top");


         //  ---- Inpage-Menü mit den Spielwochenende-Ergebnissen

         var arrInpageMenu         = getSpielwochenendeErgebnisse(id);

         if (arrInpageMenu.length > 0)
            {
            var selItem = createInpageMenu(divSubNaviItems, arrInpageMenu, "pageErgebnisse_data", "generic_content")
            };

         divSubNavi.appendChild(divSubNaviItems);


//        if (m_dataObject != null && m_dataObject != "")
//            alert ("generic_content" + m_dataClass + "/" + m_dataObject);
//            showData("generic_content", m_dataClass, m_dataObject, '0', '0');

         var brElem = document.createElement("br");
         brElem.setAttribute("style", "clear:both;");
         divSubNavi.appendChild(brElem);

         divAusw.appendChild(divSubNavi);

}


/*-----------------------------------------------------------------------
        Create In-Page-Navigation

         type: Die Links können auf verschiedene Art erzeugt werden

         Params:
         contentDiv : in dieses div wird das menuDiv eingehängt
         arrInpageMenu: array mit menu-items (url, title, tooltipp,..)
         type: steuert Art der aufbereitung
-------------------------------------------------------------------------*/
function createInpageMenu(contentDiv, arrInpageMenu, type, divImageId) {

        var METHODNAME = "createInpageMenu";
        var retValue = null;

//         alert(METHODNAME + ":  type=" + type);

         if (arrInpageMenu.length < 1) return;

         if (type == null)
            {l_type = 'xml'} else {l_type = type};


        var htmlMenuDiv = document.createElement("div");

         if (l_type == "pageErgebnisse_data")
            htmlMenuDiv.setAttribute("id",m_divId_InPageSubNavi);
         else
            htmlMenuDiv.setAttribute("id",m_divId_InPageMainNavi);
//        htmlDiv.setAttribute("class", "menu_in_page_navi");

         var htmlUL = document.createElement("ul");

         for (var dol_ix = 1; dol_ix < arrInpageMenu.length; dol_ix++) {

             var htmlLI = document.createElement("li");
             if (l_type == 'xml')
             {
                // Link erzeugen
                       var a = document.createElement("a");
                          a.setAttribute("href", "javascript:getData('"
                         + m_dataClass
                         + "', "
                         + hyphen
                         + arrInpageMenu[dol_ix][1]
                         + hyphen
                         + ")");
                     //  Tooltipp erzeugen
                       var aTitle = arrInpageMenu[dol_ix][2];
                if (aTitle != null) {
                    a.setAttribute("title", aTitle);
                 }
                    //  Tooltipp erzeugen
                       var aTitle = arrInpageMenu[dol_ix][4];
                if (aTitle != null) {
                           a.setAttribute("title", aTitle);
                 }
                //  Link-Text erzeugen
                       var aTxt = document.createTextNode(arrInpageMenu[dol_ix][2]);
                          a.appendChild(aTxt);

                    //  Angewählten Link hervorheben
                    //alert( m_dataObject + arrInpageMenu[dol_ix][1]);
                     if (m_dataObject == arrInpageMenu[dol_ix][1])
                    {
//                    alert ("selected:" + dol_ix);
//                   a.setAttribute("style", "background-color:#017413; color:#e8e8e8;");
                     retValue = dol_ix;
                     }
                     else
                     {
//                alert ("not selected:" + m_dataObject + "  menuitem:" + arrInpageMenu[dol_ix][1]);
//                    a.setAttribute("style", "background-color:#ffffff; color:#017413;");
                     }

                // Link in Container-Element ablegen
                          htmlLI.appendChild(a);
                          htmlUL.appendChild(htmlLI);
             }


             if (l_type == "generic")
             {

                // Link erzeugen
                 var a = document.createElement("a");

                 if (arrInpageMenu[dol_ix][1] != " ")
                 {
                     //generic.html?class=sport&object=2007091501
                     a.setAttribute("href", "generic.html?class="
                              + m_dataClass
                              + "&object="
                              + arrInpageMenu[dol_ix][1]);
                 }
                 //  Tooltipp erzeugen
                       var aTitle = arrInpageMenu[dol_ix][3];
                 if (aTitle != null) {
                   a.setAttribute("title", aTitle);
                 }
             }

             if (l_type == 'pageErgebnisse')
             {

//         +++++ Es werden nur die zurückliegenden Spieltage angezeigt ++++++++
                if (checkDatumAbgelaufen(arrInpageMenu[dol_ix][1]))
                {

                // Link erzeugen
                var a = document.createElement("a");

                if (arrInpageMenu[dol_ix][1] != " ")
                {
                     //generic.html?class=sport&object=2007091501
//                   a.setAttribute("href", "ergebnisse.html?class="
                     a.setAttribute("href", "javascript:generatePageErgebData("
                              + arrInpageMenu[dol_ix][1]
                              + ")");
                }
                 //  ID erzeugen
                 a.setAttribute("id", arrInpageMenu[dol_ix][1]);
                 //  Tooltipp erzeugen
                       var aTitle = arrInpageMenu[dol_ix][3];
                if (aTitle != null)
                {
                    a.setAttribute("title", aTitle);
                }
            //  Angewählten Link hervorheben
                if (m_dataObject == arrInpageMenu[dol_ix][1])
                {
//                alert ("selected:" + dol_ix);
//                     a.setAttribute("style", "background-color:#017413; color:#e8e8e8;");
                }
                else
                {
//                    alert ("not selected:" + m_dataObject + "  menuitem:" + arrInpageMenu[dol_ix][1]);
//                        a.setAttribute("style", "background-color:#ffffff; color:#017413;");
                }

                    //  Tooltipp erzeugen
                       var aTitle = arrInpageMenu[dol_ix][4];
                if (aTitle != null) {
                     a.setAttribute("title", aTitle);
                 }
                //  Link-Text erzeugen
                var aTxt = document.createTextNode(arrInpageMenu[dol_ix][2]);
                a.appendChild(aTxt);

                //  Angewählten Link hervorheben
                //alert( m_dataObject + arrInpageMenu[dol_ix][1]);
                if (m_dataObject == arrInpageMenu[dol_ix][1])
                 {
//                   alert ("selected:" + dol_ix);
//                   a.setAttribute("style", "background-color:#017413; color:#e8e8e8;");
                     retValue = dol_ix;
                  }
                else
                {
//                   alert ("not selected:" + m_dataObject + "  menuitem:" + arrInpageMenu[dol_ix][1]);
//                   a.setAttribute("style", "background-color:#ffffff; color:#017413;");
                }

                // Link in Container-Element ablegen
                   htmlLI.appendChild(a);
                   htmlUL.appendChild(htmlLI);
                }
             }

             if (l_type == "pageErgebnisse_data")
             {

                // Link erzeugen
                 var a = document.createElement("a");

                 if (arrInpageMenu[dol_ix][1] != " ")
                 {
                     //showData('generic_content', m_dataClass, m_dataObject, '0', '0', domain)
                     a.setAttribute("href", "javascript:showData('"
                              + m_divId_ContainerContent
                              + "', '"
                              + arrInpageMenu[0][1]
                              + "', '"
                              + arrInpageMenu[0][2]+arrInpageMenu[dol_ix][1]
                              + "', null, null, '"
                              + arrInpageMenu[0][3]
                              + "')");
                     a.setAttribute("id", arrInpageMenu[dol_ix][2]);
                 }
                 //  Tooltipp erzeugen
                 var aTitle = arrInpageMenu[dol_ix][4];

                 if (aTitle != null) {
                     a.setAttribute("title", aTitle);
                 }
                //  Link-Text erzeugen
                 var aTxt = document.createTextNode(arrInpageMenu[dol_ix][2]);
                 a.appendChild(aTxt);

                 //  Angewählten Link hervorheben
                 //alert( m_dataObject + arrInpageMenu[dol_ix][1]);
                 if (m_dataObject == (arrInpageMenu[0][2]+arrInpageMenu[dol_ix][1]))
                 {
//                   alert ("selected:" + dol_ix);
//                   a.setAttribute("style", "background-color:#017413; color:#e8e8e8;");
                     retValue = dol_ix;
                 }
                 else
                 {
//                alert ("not selected:" + m_dataObject + "  menuitem:" + arrInpageMenu[dol_ix][1]);
//                    a.setAttribute("style", "background-color:#ffffff; color:#017413;");
                 }

                // Link in Container-Element ablegen
                 htmlLI.appendChild(a);
                 htmlUL.appendChild(htmlLI);
             }


             if (l_type == "xmlnew")
             {
                   var input = document.createElement("input");
                      input.setAttribute("type", "button");
                          input.setAttribute("value", arrInpageMenu[dol_ix][2]);
                          input.setAttribute("class", "umenu");
                          input.setAttribute("onclick", "button");

                 //<input type="button" value="&raquo;" class="button"
                 //onclick="location.href='generic.html?class=sport&object=2007100601'" />

                          input.setAttribute("onclick",
                             "location.href='generic.html?class="
                         + m_dataClass
                         + "&object="
                         + arrInpageMenu[dol_ix][1]
                         + "'");

                //  Angewählten Link hervorheben
                 //alert(m_dataObject + "/" + arrDataObjectLink[dol_ix]);
                 if (m_dataObject == arrInpageMenu[dol_ix][1])
                      {
                     input.setAttribute("style", "background-color:#017413; color:#e8e8e8")
                 };

                // Link in Container-Element ablegen
                      htmlLI.appendChild(input);
                      htmlUL.appendChild(htmlLI);
             }

             if (l_type == "mannschaften")
             {
                   var input = document.createElement("input");
                      input.setAttribute("type", "button");
                          input.setAttribute("value", arrInpageMenu[dol_ix][2]);
                          input.setAttribute("class", "button");

                 //<input type="button" value="&raquo;" class="button"
                 //onclick="location.href='generic.html?class=sport&object=2007100601'" />


                          input.setAttribute("onclick",
                             "javascript:showPortraitMs('"
                         + divImageId
                         + "', '"
                         + arrInpageMenu[dol_ix][1]
                         + "')");
                 input.setAttribute("id", arrInpageMenu[dol_ix][3]);

                //  Angewählten Link hervorheben
                 //alert(m_dataObject + "/" + arrDataObjectLink[dol_ix]);
                 if (divImageId == arrInpageMenu[dol_ix][1])
                      {
                     input.setAttribute("style", "background-color:#017413; color:#e8e8e8")
                 };

                 alert(CLASSNAME + "." + METHODNAME + ": " + input.getAttribute("onclick"));

                // Link in Container-Element ablegen
                      htmlLI.appendChild(input);
                      htmlUL.appendChild(htmlLI);
             }

             if (l_type == 'mannschaften_link')
             {
                //alert(CLASSNAME + "." + METHODNAME + ": " + "mannschaften_link");
                // Link erzeugen
                       var a = document.createElement("a");
                 a.setAttribute("id", arrInpageMenu[dol_ix][3]);
                          a.setAttribute("href", "javascript:showPortraitMs('"
                         + divImageId
                         + "', "
                         + hyphen
                         + arrInpageMenu[dol_ix][3]
                         + hyphen
                         + ")");
                     //  Tooltipp erzeugen
                       var aTitle = arrInpageMenu[dol_ix][2];
                 if (aTitle != null) {
                    a.setAttribute("title", aTitle);
                 }
                    //  Tooltipp erzeugen
                       var aTitle = arrInpageMenu[dol_ix][4];
                if (aTitle != null) {
                           a.setAttribute("title", aTitle);
                 }
                //  Link-Text erzeugen
                       var aTxt = document.createTextNode(arrInpageMenu[dol_ix][2]);
                          a.appendChild(aTxt);

                    //  Angewählten Link hervorheben
                    //alert( m_dataObject + arrInpageMenu[dol_ix][1]);
                     if (m_dataObject == arrInpageMenu[dol_ix][1])
                    {
//                    alert ("selected:" + dol_ix);
//                   a.setAttribute("style", "background-color:#017413; color:#e8e8e8;");
                     retValue = dol_ix;
                     }
                     else
                     {
//                alert ("not selected:" + m_dataObject + "  menuitem:" + arrInpageMenu[dol_ix][1]);
//                    a.setAttribute("style", "background-color:#ffffff; color:#017413;");
                     }

                // Link in Container-Element ablegen
                          htmlLI.appendChild(a);
                          htmlUL.appendChild(htmlLI);
             }

         }
        htmlMenuDiv.appendChild(htmlUL);
        contentDiv.appendChild(htmlMenuDiv);

         var brElem = document.createElement("br");
         brElem.setAttribute("style", "clear:both; display:none;");
        contentDiv.appendChild(brElem);

/*
         var brElem = document.createElement("br");
        contentDiv.appendChild(brElem);
         if (l_type == 'generic')
         {
             var brElem = document.createElement("br");
            contentDiv.appendChild(brElem);
         }
*/
        return retValue;
}


/* ===========================================================================================
          Generiere Seite "Portrait Mannschaften"

         "mannschaften.html?class=portraitms&object=ms1"

   ===========================================================================================*/

function generatePageMannschaften()
{
        var METHODNAME = "generatePageMannschaften";

        //alert ("generic."+METHODNAME+": " + " m_dataClass=" + m_dataClass + " m_dataObject=" + m_dataObject);


        var txtHeader1 = "Die Mannschaften";
        var txtLabelInpageNavi = "";

        var divCont = document.getElementById(m_divId_ContainerHeader);
        if (!divCont)  alert(METHODNAME + ": " + m_divId_ContainerHeader + " existiert nicht");
         //alert("generatePage: generic_container existiert!");
        var htmlH1 = document.createElement("h1");
        var htmlH1Text = document.createTextNode(txtHeader1);
        htmlH1.appendChild(htmlH1Text);
        divCont.appendChild(htmlH1);


        // Verify that target-div for in-page-navi does exist
        var divAusw = document.getElementById(m_divId_ContainerNavi);
        if (!divAusw)  alert(METHODNAME + ": " + m_divId_ContainerContent + " existiert nicht");

         //  Create a div for In-Page-Navi "MAIN"
        var divMainNavi = document.createElement("div");
        divMainNavi.setAttribute("id",m_dataClass+"_auswahl_container");

         //  Create a div for the Inp-Page-Navi "LABEL"
         if (txtLabelInpageNavi != null && txtLabelInpageNavi != "") {
             var divMainNaviLabel = document.createElement("div");
             divMainNaviLabel.setAttribute("id","divMainNaviLabel");
             divMainNaviLabel.setAttribute("style","float:left;");

             var labelElem = document.createElement("h6");
             labelElem.setAttribute("style","margin-right: 1em");
//        labelElem.setAttribute("style","vertical-align:text-top");
             var labelText = document.createTextNode(txtLabelInpageNavi);
             labelElem.appendChild(labelText);
             divMainNaviLabel.appendChild(labelElem);
             divMainNavi.appendChild(divMainNaviLabel);
         }
         //  Create a div for the Inp-Page-Navi "ITEMS"
        var divMainNaviItems = document.createElement("div");
        divMainNaviItems.setAttribute("id","divMainNaviItems");
        divMainNaviItems.setAttribute("style","vertical-align:text-top");

         //  ---------------------------------------------------------------
         //  ---- Daten für das Inpage-Menü mit den Spielwochenenden sammeln
         //  ---------------------------------------------------------------

         var arrInpageMenu = getMannschaften();

         if (arrInpageMenu.length > 0)
            {createInpageMenu(divMainNaviItems, arrInpageMenu, "mannschaften_link", m_divId_ContainerContent)};


         divMainNavi.appendChild(divMainNaviItems);

         var brElem = document.createElement("br");
         brElem.setAttribute("style", "clear:both;");
         divMainNavi.appendChild(brElem);


         divAusw.appendChild(divMainNavi);


        if (m_dataObject != null && m_dataObject != "")
           showPortraitMs("container_content", m_dataObject);
//         showPortraitMs("generic_content");
}


//-----------------------------------------------------------------------------------------------------
//        Show Portraits der Mannschaften
//        Der generierte Link zeigt auf eine AJAX-Funktion
//-----------------------------------------------------------------------------------------------------

function showPortraitMs(contDivID, dataObject) {

        var METHODNAME = "showPortraitMs";

        //alert ("generic." + METHODNAME + " contDivID=" + contDivID + " m_dataClass=" + m_dataClass + " m_dataObject=" + dataObject);

        var containerDiv = document.getElementById(contDivID);
        if (containerDiv == null) {alert("kein containerDiv!")};

        //  Ergebnis-DIV löschen, falls bereits angelegt
        var portraitmsDiv = document.getElementById("portraitms_container");
        if (portraitmsDiv != null) {
            containerDiv.removeChild(portraitmsDiv);
        }
        var portraitmsDiv = document.createElement("div");
        portraitmsDiv.setAttribute("id","portraitms_container");


         var arrInpageMenu = getMannschaften();
        var imgDateiname = null;
         for (var i = 1; i < arrInpageMenu.length; i++) {
             if (arrInpageMenu[i][3] == dataObject)
             {
                var imgDateiname = arrInpageMenu[i][1];
                var imgText = arrInpageMenu[i][4];
                 var imgLink = document.getElementById(arrInpageMenu[i][3]);
                    imgLink.setAttribute("style", "background-color:#017413; color:#e8e8e8");
             }
             else
             {
                 var imgLink = document.getElementById(arrInpageMenu[i][3]);
                    imgLink.setAttribute("style", "background-color:#ffffff; color:#017413");
             }
         }

        if (imgDateiname == null) {
                 alert ("Image Dateiname unbekannt!");
                 return;
         }


        var imgDiv = document.createElement("div");
        imgDiv.setAttribute("id","portraitms_image");
         //
        var image = document.createElement("img");
        image.setAttribute("id", dataObject);
        image.setAttribute("class", "intext");
        image.setAttribute("alt", "Bild Mannschaft");
        image.setAttribute("src", "../bilder/mannschaften/" + imgDateiname);

        // Bild-Node erzeugen, falls vorhanden

        imgDiv.appendChild(image);


        var textDiv = document.createElement("div");
        textDiv.setAttribute("id","portraitms_image_text");
        var brElem = document.createElement("br");
        textDiv.appendChild(brElem);
        var imageText = document.createTextNode(imgText);
        textDiv.appendChild(imageText);
//        imgDiv.appendChild(textDiv);

        portraitmsDiv.appendChild(imgDiv);
        portraitmsDiv.appendChild(textDiv);
        containerDiv.appendChild(portraitmsDiv);
}


//-----------------------------------------------------------------------------------------------------
//        Show Bild in einem Container
//-----------------------------------------------------------------------------------------------------

function showBild(contDivID, dataObject, dataSource, dataInfo) {

        var METHODNAME = "showBild";

         var dataSource = "../bilder/" + dataSource + "/";
         var imgDateiname = dataObject;
         var imgText = dataInfo;

//         alert (METHODNAME + " contDivID=" + contDivID + " m_dataClass=" + m_dataClass + " m_dataObject=" + dataObject);

         var contDiv = document.getElementById(contDivID);
        if (contDiv == null) {alert("kein contDiv!")};

        //  Ergebnis-DIV löschen, falls bereits angelegt
         var imgDiv = document.getElementById("portraitms_image");
        if (imgDiv != null) {
            contDiv.removeChild(imgDiv);
         }

         var txtDiv = document.getElementById("portraitms_image_text");
        if (txtDiv != null) {
            contDiv.removeChild(txtDiv);
         }


        if (dataObject == null) {
                 alert ("image Dateiname unbekannt");
                 return;
         }

         //  Anlegen des div für das image

         var imgDiv = document.createElement("div");
         imgDiv.setAttribute("id","portraitms_image");
         imgDiv.setAttribute("style", "float:left; margin-left:1em; width:30em;");
         //
         var image = document.createElement("img");
         image.setAttribute("id", dataObject);
         image.setAttribute("alt", imgText);
         image.setAttribute("src", dataSource + imgDateiname);
         image.setAttribute("style", "padding:2px; border:1px solid; color:gray;");

         // Bild-Node erzeugen, falls vorhanden

         imgDiv.appendChild(image);


         var txtDiv = document.createElement("div");
         txtDiv.setAttribute("id","portraitms_image_text");
         txtDiv.setAttribute("style", "float:right; width:35em;");

//         var imageText = document.createTextNode(imgText);
//         txtDiv.appendChild(imageText);
//         imgDiv.appendChild(txtDiv);

         var htmlP = document.createElement("p");
         var htmlPText = document.createTextNode(imgText);
         htmlP.appendChild(htmlPText);
         txtDiv.appendChild(htmlP);

         contDiv.appendChild(imgDiv);
         contDiv.appendChild(txtDiv);
         contDiv.setAttribute("style", "display:block; width:68em;");

}