function ZeigeZusatzButton()
    {
      document.getElementById('zusatz-outline').style.display = 'block';
      ZeigeZusatzBilder();
    }
    function VersteckeZusatzButton()
    {
      document.getElementById('zusatz-outline').style.display = 'none';
      VersteckeZusatzBilder();
    }
    function VersteckeZusatzBilder()
    {
      /*document.getElementById('prodInfoImages').innerHTML = '';*/
      document.getElementById('prodInfoImages').style.display = 'none';
    }
    function ZeigeZusatzBilder()
    {
      document.getElementById('prodInfoImages').style.display = 'block';
    }

    /* Gruppenzuordnung, Artikelgruppenzuordnung */
	function initArtikelgruppen() {
      Artikelgruppe[0] = "Verbundpflaster";
      Artikelgruppe[1] = "Gestaltungspflaster";
      Artikelgruppe[2] = "Standardpflaster";
      Artikelgruppe[3] = "Öko-Pflaster <img src=\"baum.gif\" border=\"0\" align=\"top\">";
      Artikelgruppe[4] = "Rinnensteine";
      Artikelgruppe[5] = "Bordsteinprogramm";
      Artikelgruppe[6] = "Syko-System";
      Artikelgruppe[7] = "Zubehör";
      Artikelgruppe[8] = "Neu im Sortiment";
  
      InGruppe[0] = new Array("0", "10", "11", "12");
      InGruppe[1] = new Array("1", "2", "3", "4", "5", "6");
      InGruppe[2] = new Array("7", "9");
      InGruppe[3] = new Array("8", "13", "14", "15", "16", "23");
      InGruppe[4] = new Array("17");
      InGruppe[5] = new Array("18");
      InGruppe[6] = new Array("19");
      InGruppe[7] = new Array("20", "21", "22");
    }
    var Artikelgruppe = new Array();
    var InGruppe = new Array();
    var LetzterGruppenArtikel = 22;
    initArtikelgruppen();
    // TODO: ??? evtl. wenn Kunde erweitern will ???
    // alle die noch nicht hier manuell eingetragen worden sind,
    // werden in der Menügruppe "Neu im Sortiment" gezeigt,
    // damit kein neuer Artikel "versteckt" wird, falls doch noch einer dazu kommt.
    
    function filterArtikelgruppen(filter) {
      initArtikelgruppen();
      NeueGruppe = new Array();
      for (i = 0; i < InGruppe.length; i++)
      {
        NeueGruppe[i] = new Array();
        temp = '';
        for (k = 0; k < InGruppe[i].length; k++)
        {
          if (filter.indexOf(',' + InGruppe[i][k] + ',') > -1)
          {
            if (temp != '') temp += ',';
            temp += InGruppe[i][k];
          }
        }
        if (temp != '')
          NeueGruppe[i] = temp.split(',');
      }
      InGruppe = NeueGruppe;
      ZeigeLinkesMenue();
    }

  var to=0; // timeout merken, um es zu resetten
  
  function Zeigen(Nr){
    var Bildname=Artikel[Nr][5];
    if (Bildname != "") {
      ZeigeVorschau();
      window.document.images["mini"].src = "Datenbank/vorschau3d/"+Bildname;
      document.getElementById('vorschau-name').innerHTML = Artikel[Nr][1];
      clearTimeout(to);
      to = setTimeout("VersteckeVorschau();", 2500); // nach 2 Sekunden ausblenden
    }else{
      window.document.images["mini"].src = "Datenbank/Miniatur-3D-Zeichnungen/frank.gif";
    }
  }
  
  function ScrollTop()
  {
    //document.getElementById('Scrollbereich').scrollTo(0,-100);
    document.getElementById('Scrollbereich').scrollTop = "0px";
    window.scrollTo(0,0);
  }
  
  function ZeigeLinkesMenue()
  {
    var linkesmenue = '';
    var gefiltert = false;
    
    for (i = 0; i < Artikelgruppe.length - 1; i++)
    {
      if (InGruppe[i].length > 0)
      {
        linkesmenue += '<div id="gruppe' + i + '" class="artikelgruppe" onmouseover="className=\'overartikelgruppe\'" onmouseout="className=\'artikelgruppe\'">'+
                            '<span class="gruppentitel">&#8226;&nbsp;' + Artikelgruppe[i] + '</span><br />'+
                            '<div class="ingruppe" onmouseover="document.getElementById(\'gruppe' + i + '\').className=\'overartikelgruppe\'" onmouseout="document.getElementById(\'gruppe' + i + '\').className=\'artikelgruppe\'">';//<h1 id=\"headerblue\">' + Artikelgruppe[i] + '</h1>';
        
        for (k = 0; k < InGruppe[i].length; k++)
        {
          var m = InGruppe[i][k];
          linkesmenue += '<a href="#" onClick="VersteckeVorschau(); artZeigen('+ m +',0); ScrollTop(); Write_Cpyrght(); ZeigeZusatzButton(); return false;" onMouseOver="Zeigen('+ m +');" onMouseOut="VersteckeVorschau();">' + Artikel[m][1]+'</a>';
        }
        
        linkesmenue +='  </div>';
        linkesmenue +='</div>';
      }
      else
      {
        gefiltert = true;
      }
    }
    
    if (gefiltert)
    {
      linkesmenue += '<div class="searchENDbutton" onmouseover="style.background=\'#eeeeee;\'; style.border=\'1px solid #dddddd\';" onmouseout="style.background=\'#ffffff\'; style.border=\'1px solid #ffffff\';" onclick="initArtikelgruppen(), ZeigeLinkesMenue(); Write_Search();">Alle anzeigen</div>';
    }
    
    document.getElementById('linkesmenue').innerHTML = linkesmenue;
  }

  function ZeigeVorschau() {
    h = document.getElementById('fixiert').style.height;
    document.getElementById('fixiert').style.height = '100%';
    document.getElementById('vorschau').style.display = 'block';
    document.getElementById('fixiert').style.height = h;
  }

  function VersteckeVorschau() {
    document.getElementById('vorschau').style.display = 'none';
  }
  
  function ZeigeTip() {
    h = document.getElementById('fixiert').style.height;
    document.getElementById('fixiert').style.height = '100%';
    document.getElementById('tip').style.display = 'block';
    document.getElementById('fixiert').style.height = h;
  }
  
  function UnTip() {
    document.getElementById('tip').style.display = 'none';
  }

  function Tip(Bildname, Bildtext){
    ZeigeTip();
    window.document.images["tip"].src = Bildname;
    document.getElementById('tip-text').innerHTML = Bildtext;
  }

  function Tip2(Bildname, Bildtext){
    ScrollTop();
    image = new Image;
    image.src = Bildname;
    document.getElementById("bigimage").src=Bildname;
    document.getElementById("bigimage").width=image.width;
    checkBigImageWidth();
    document.getElementById("imagetext").innerHTML=Bildtext;
    delete(image);
  }

/********** HYDROMAK ************/

  function ZeigeMaschinenMenue()
  {
    var linkesmenue = '';
    
    for (i = 0; i < Maschinen.length; i++)
    {
      linkesmenue += '<div id="gruppe' + i + '">'+
                          '<a href="#" style="display:block; padding:2px 0; font-size: 0.9em;" onClick="artZeigen('+ i +',10); ScrollTop(); Write_Cpyrght(); return false;">&#8226;&nbsp;' + Maschinen[i][1]+'</a>'+
                          '</div>';
    }
    
    document.getElementById('linkesmenue').innerHTML = linkesmenue;
  }