var undefined;

function referenz(bildpfad, anzahl) {

  var ziffer = referenz.arguments[0];
  var anzahl = referenz.arguments[1];

   for (var i=0; i<28; i++){
    if (i == ziffer) {
      bildSRC = ziffer;

      if(anzahl == 1) {
        document.getElementById('referenz-container').innerHTML = create1(ziffer);
      }
      if(anzahl == 2) {
        document.getElementById('referenz-container').innerHTML = create2(ziffer);
      }
      if(anzahl == 3) {
        document.getElementById('referenz-container').innerHTML = create3(ziffer);
      }
      if(anzahl == 4) {
        document.getElementById('referenz-container').innerHTML = create4(ziffer);
      }
      if(anzahl == 5) {
        document.getElementById('referenz-container').innerHTML = create5(ziffer);
      }
      if(anzahl == 6) {
        document.getElementById('referenz-container').innerHTML = create6(ziffer);
      }

    }
  }
 
}

function create1(ziffer) {
  var html = '';
  html += '<div class="referenzen-grossansicht" id="grossansicht" style="display: block;">';
  html += '  <div class="referenzen-bild" id="ref-1" style="display: block;">';
  html += '    <img src="bilder/referenzen_' + ziffer + 'a.jpg" style="width: 424px; height: 708px;" alt="" title="" \/><br \/>';
  html += '    <div class="referenzen-schliessen">';
  html += '      <a href="javascript:void(0);" onclick="ein_ausblenden(\'grossansicht\');"><img src="grafik/trans.gif" style="width: 38px; height: 33px;" alt="Grafik-Link: Button Großansicht schließen." title="Großansicht schließen" \/><\/a><br \/>';
  html += '    <\/div>';
  html += ' <\/div>';
  html += '<\/div>';
  return html;
}

function create2(ziffer) {
  var html = '';
  html += '<div class="referenzen-grossansicht" id="grossansicht" style="display: block;">';
  html += '  <div class="referenzen-bild" id="ref-1" style="display: block;">';
  html += '    <img src="bilder/referenzen_' + ziffer + 'a.jpg" style="width: 424px; height: 708px;" alt="" title="" \/><br \/>';
  html += '    <div class="referenzen-schliessen">';
  html += '      <a href="javascript:void(0);" onclick="ein_ausblenden(\'grossansicht\');"><img src="grafik/trans.gif" style="width: 38px; height: 33px;" alt="Grafik-Link: Button Großansicht schließen." title="Großansicht schließen" \/><\/a><br \/>';
  html += '    <\/div>';
  html += '    <div class="referenzen-weiter">';
  html += '      <a href="javascript:void(0);" onclick="ein_ausblenden(\'ref-2\');"><img src="grafik/trans.gif" style="width: 39px; height: 35px;" alt="Grafik-Link: Button Weitere Ansichten." title="Weitere Ansichten" \/><\/a><br \/>';
  html += '    <\/div>';
  html += ' <\/div>';
  html += '  <div class="referenzen-bild" id="ref-2">';
  html += '    <img src="bilder/referenzen_' + ziffer + 'b.jpg" style="width: 424px; height: 708px;" alt="" title="" \/><br \/>';
  html += '    <div class="referenzen-schliessen">';
  html += '      <a href="javascript:void(0);" onclick="ein_ausblenden(\'grossansicht\');"><img src="grafik/trans.gif" style="width: 38px; height: 33px;" alt="Grafik-Link: Button Großansicht schließen." title="Großansicht schließen" \/><\/a><br \/>';
  html += '    <\/div>';
  html += '    <div class="referenzen-weiter">';
  html += '      <a href="javascript:void(0);" onclick="ein_ausblenden(\'ref-2\');"><img src="grafik/trans.gif" style="width: 39px; height: 35px;" alt="Grafik-Link: Button Weitere Ansichten." title="Weitere Ansichten" \/><\/a><br \/>';
  html += '    <\/div>';
  html += ' <\/div>';
  html += '<\/div>';
  return html;
}

function create3(ziffer) {
  var html = '';
  html += '<div class="referenzen-grossansicht" id="grossansicht" style="display: block;">';
  html += '  <div class="referenzen-bild" id="ref-1" style="display: block;">';
  html += '    <img src="bilder/referenzen_' + ziffer + 'a.jpg" style="width: 424px; height: 708px;" alt="" title="" \/><br \/>';
  html += '    <div class="referenzen-schliessen">';
  html += '      <a href="javascript:void(0);" onclick="ein_ausblenden(\'grossansicht\');"><img src="grafik/trans.gif" style="width: 38px; height: 33px;" alt="Grafik-Link: Button Großansicht schließen." title="Großansicht schließen" \/><\/a><br \/>';
  html += '    <\/div>';
  html += '    <div class="referenzen-weiter">';
  html += '      <a href="javascript:void(0);" onclick="ein_ausblenden(\'ref-2\');"><img src="grafik/trans.gif" style="width: 39px; height: 35px;" alt="Grafik-Link: Button Weitere Ansichten." title="Weitere Ansichten" \/><\/a><br \/>';
  html += '    <\/div>';
  html += ' <\/div>';
  html += '  <div class="referenzen-bild" id="ref-2">';
  html += '    <img src="bilder/referenzen_' + ziffer + 'b.jpg" style="width: 424px; height: 708px;" alt="" title="" \/><br \/>';
  html += '    <div class="referenzen-schliessen">';
  html += '      <a href="javascript:void(0);" onclick="ein_ausblenden(\'grossansicht\');"><img src="grafik/trans.gif" style="width: 38px; height: 33px;" alt="Grafik-Link: Button Großansicht schließen." title="Großansicht schließen" \/><\/a><br \/>';
  html += '    <\/div>';
  html += '    <div class="referenzen-weiter">';
  html += '      <a href="javascript:void(0);" onclick="ein_ausblenden(\'ref-3\');"><img src="grafik/trans.gif" style="width: 39px; height: 35px;" alt="Grafik-Link: Button Weitere Ansichten." title="Weitere Ansichten" \/><\/a><br \/>';
  html += '    <\/div>';
  html += ' <\/div>';
  html += '  <div class="referenzen-bild" id="ref-3">';
  html += '    <img src="bilder/referenzen_' + ziffer + 'c.jpg" style="width: 424px; height: 708px;" alt="" title="" \/><br \/>';
  html += '    <div class="referenzen-schliessen">';
  html += '      <a href="javascript:void(0);" onclick="ein_ausblenden(\'grossansicht\');"><img src="grafik/trans.gif" style="width: 38px; height: 33px;" alt="Grafik-Link: Button Großansicht schließen." title="Großansicht schließen" \/><\/a><br \/>';
  html += '    <\/div>';
  html += '    <div class="referenzen-weiter">';
  html += '      <a href="javascript:void(0);" onclick="ein_ausblenden(\'ref-3\'); ein_ausblenden(\'ref-2\');"><img src="grafik/trans.gif" style="width: 39px; height: 35px;" alt="Grafik-Link: Button Weitere Ansichten." title="Weitere Ansichten" \/><\/a><br \/>';
  html += '    <\/div>';
  html += ' <\/div>';
  html += '<\/div>';
  return html;
}

function create4(ziffer) {
  var html = '';
  html += '<div class="referenzen-grossansicht" id="grossansicht" style="display: block;">';
  html += '  <div class="referenzen-bild" id="ref-1" style="display: block;">';
  html += '    <img src="bilder/referenzen_' + ziffer + 'a.jpg" style="width: 424px; height: 708px;" alt="" title="" \/><br \/>';
  html += '    <div class="referenzen-schliessen">';
  html += '      <a href="javascript:void(0);" onclick="ein_ausblenden(\'grossansicht\');"><img src="grafik/trans.gif" style="width: 38px; height: 33px;" alt="Grafik-Link: Button Großansicht schließen." title="Großansicht schließen" \/><\/a><br \/>';
  html += '    <\/div>';
  html += '    <div class="referenzen-weiter">';
  html += '      <a href="javascript:void(0);" onclick="ein_ausblenden(\'ref-2\');"><img src="grafik/trans.gif" style="width: 39px; height: 35px;" alt="Grafik-Link: Button Weitere Ansichten." title="Weitere Ansichten" \/><\/a><br \/>';
  html += '    <\/div>';
  html += ' <\/div>';
  html += '  <div class="referenzen-bild" id="ref-2">';
  html += '    <img src="bilder/referenzen_' + ziffer + 'b.jpg" style="width: 424px; height: 708px;" alt="" title="" \/><br \/>';
  html += '    <div class="referenzen-schliessen">';
  html += '      <a href="javascript:void(0);" onclick="ein_ausblenden(\'grossansicht\');"><img src="grafik/trans.gif" style="width: 38px; height: 33px;" alt="Grafik-Link: Button Großansicht schließen." title="Großansicht schließen" \/><\/a><br \/>';
  html += '    <\/div>';
  html += '    <div class="referenzen-weiter">';
  html += '      <a href="javascript:void(0);" onclick="ein_ausblenden(\'ref-3\');"><img src="grafik/trans.gif" style="width: 39px; height: 35px;" alt="Grafik-Link: Button Weitere Ansichten." title="Weitere Ansichten" \/><\/a><br \/>';
  html += '    <\/div>';
  html += ' <\/div>';
  html += '  <div class="referenzen-bild" id="ref-3">';
  html += '    <img src="bilder/referenzen_' + ziffer + 'c.jpg" style="width: 424px; height: 708px;" alt="" title="" \/><br \/>';
  html += '    <div class="referenzen-schliessen">';
  html += '      <a href="javascript:void(0);" onclick="ein_ausblenden(\'grossansicht\');"><img src="grafik/trans.gif" style="width: 38px; height: 33px;" alt="Grafik-Link: Button Großansicht schließen." title="Großansicht schließen" \/><\/a><br \/>';
  html += '    <\/div>';
  html += '    <div class="referenzen-weiter">';
  html += '      <a href="javascript:void(0);" onclick="ein_ausblenden(\'ref-4\');"><img src="grafik/trans.gif" style="width: 39px; height: 35px;" alt="Grafik-Link: Button Weitere Ansichten." title="Weitere Ansichten" \/><\/a><br \/>';
  html += '    <\/div>';
  html += ' <\/div>';
  html += '  <div class="referenzen-bild" id="ref-4">';
  html += '    <img src="bilder/referenzen_' + ziffer + 'd.jpg" style="width: 424px; height: 708px;" alt="" title="" \/><br \/>';
  html += '    <div class="referenzen-schliessen">';
  html += '      <a href="javascript:void(0);" onclick="ein_ausblenden(\'grossansicht\');"><img src="grafik/trans.gif" style="width: 38px; height: 33px;" alt="Grafik-Link: Button Großansicht schließen." title="Großansicht schließen" \/><\/a><br \/>';
  html += '    <\/div>';
  html += '    <div class="referenzen-weiter">';
  html += '      <a href="javascript:void(0);" onclick="ein_ausblenden(\'ref-4\'); ein_ausblenden(\'ref-3\'); ein_ausblenden(\'ref-2\');"><img src="grafik/trans.gif" style="width: 39px; height: 35px;" alt="Grafik-Link: Button Weitere Ansichten." title="Weitere Ansichten" \/><\/a><br \/>';
  html += '    <\/div>';
  html += ' <\/div>';
  html += '<\/div>';
  return html;
}

function create5(ziffer) {
  var html = '';
  html += '<div class="referenzen-grossansicht" id="grossansicht" style="display: block;">';
  html += '  <div class="referenzen-bild" id="ref-1" style="display: block;">';
  html += '    <img src="bilder/referenzen_' + ziffer + 'a.jpg" style="width: 424px; height: 708px;" alt="" title="" \/><br \/>';
  html += '    <div class="referenzen-schliessen">';
  html += '      <a href="javascript:void(0);" onclick="ein_ausblenden(\'grossansicht\');"><img src="grafik/trans.gif" style="width: 38px; height: 33px;" alt="Grafik-Link: Button Großansicht schließen." title="Großansicht schließen" \/><\/a><br \/>';
  html += '    <\/div>';
  html += '    <div class="referenzen-weiter">';
  html += '      <a href="javascript:void(0);" onclick="ein_ausblenden(\'ref-2\');"><img src="grafik/trans.gif" style="width: 39px; height: 35px;" alt="Grafik-Link: Button Weitere Ansichten." title="Weitere Ansichten" \/><\/a><br \/>';
  html += '    <\/div>';
  html += ' <\/div>';
  html += '  <div class="referenzen-bild" id="ref-2">';
  html += '    <img src="bilder/referenzen_' + ziffer + 'b.jpg" style="width: 424px; height: 708px;" alt="" title="" \/><br \/>';
  html += '    <div class="referenzen-schliessen">';
  html += '      <a href="javascript:void(0);" onclick="ein_ausblenden(\'grossansicht\');"><img src="grafik/trans.gif" style="width: 38px; height: 33px;" alt="Grafik-Link: Button Großansicht schließen." title="Großansicht schließen" \/><\/a><br \/>';
  html += '    <\/div>';
  html += '    <div class="referenzen-weiter">';
  html += '      <a href="javascript:void(0);" onclick="ein_ausblenden(\'ref-3\');"><img src="grafik/trans.gif" style="width: 39px; height: 35px;" alt="Grafik-Link: Button Weitere Ansichten." title="Weitere Ansichten" \/><\/a><br \/>';
  html += '    <\/div>';
  html += ' <\/div>';
  html += '  <div class="referenzen-bild" id="ref-3">';
  html += '    <img src="bilder/referenzen_' + ziffer + 'c.jpg" style="width: 424px; height: 708px;" alt="" title="" \/><br \/>';
  html += '    <div class="referenzen-schliessen">';
  html += '      <a href="javascript:void(0);" onclick="ein_ausblenden(\'grossansicht\');"><img src="grafik/trans.gif" style="width: 38px; height: 33px;" alt="Grafik-Link: Button Großansicht schließen." title="Großansicht schließen" \/><\/a><br \/>';
  html += '    <\/div>';
  html += '    <div class="referenzen-weiter">';
  html += '      <a href="javascript:void(0);" onclick="ein_ausblenden(\'ref-4\');"><img src="grafik/trans.gif" style="width: 39px; height: 35px;" alt="Grafik-Link: Button Weitere Ansichten." title="Weitere Ansichten" \/><\/a><br \/>';
  html += '    <\/div>';
  html += ' <\/div>';
  html += '  <div class="referenzen-bild" id="ref-4">';
  html += '    <img src="bilder/referenzen_' + ziffer + 'd.jpg" style="width: 424px; height: 708px;" alt="" title="" \/><br \/>';
  html += '    <div class="referenzen-schliessen">';
  html += '      <a href="javascript:void(0);" onclick="ein_ausblenden(\'grossansicht\');"><img src="grafik/trans.gif" style="width: 38px; height: 33px;" alt="Grafik-Link: Button Großansicht schließen." title="Großansicht schließen" \/><\/a><br \/>';
  html += '    <\/div>';
  html += '    <div class="referenzen-weiter">';
  html += '      <a href="javascript:void(0);" onclick="ein_ausblenden(\'ref-5\');"><img src="grafik/trans.gif" style="width: 39px; height: 35px;" alt="Grafik-Link: Button Weitere Ansichten." title="Weitere Ansichten" \/><\/a><br \/>';
  html += '    <\/div>';
  html += ' <\/div>';
  html += '  <div class="referenzen-bild" id="ref-5">';
  html += '    <img src="bilder/referenzen_' + ziffer + 'e.jpg" style="width: 424px; height: 708px;" alt="" title="" \/><br \/>';
  html += '    <div class="referenzen-schliessen">';
  html += '      <a href="javascript:void(0);" onclick="ein_ausblenden(\'grossansicht\');"><img src="grafik/trans.gif" style="width: 38px; height: 33px;" alt="Grafik-Link: Button Großansicht schließen." title="Großansicht schließen" \/><\/a><br \/>';
  html += '    <\/div>';
  html += '    <div class="referenzen-weiter">';
  html += '      <a href="javascript:void(0);" onclick="ein_ausblenden(\'ref-5\'); ein_ausblenden(\'ref-4\'); ein_ausblenden(\'ref-3\'); ein_ausblenden(\'ref-2\');"><img src="grafik/trans.gif" style="width: 39px; height: 35px;" alt="Grafik-Link: Button Weitere Ansichten." title="Weitere Ansichten" \/><\/a><br \/>';
  html += '    <\/div>';
  html += ' <\/div>';
  html += '<\/div>';
  return html;
}

function create6(ziffer) {
  var html = '';
  html += '<div class="referenzen-grossansicht" id="grossansicht" style="display: block;">';
  html += '  <div class="referenzen-bild" id="ref-1" style="display: block;">';
  html += '    <img src="bilder/referenzen_' + ziffer + 'a.jpg" style="width: 424px; height: 708px;" alt="" title="" \/><br \/>';
  html += '    <div class="referenzen-schliessen">';
  html += '      <a href="javascript:void(0);" onclick="ein_ausblenden(\'grossansicht\');"><img src="grafik/trans.gif" style="width: 38px; height: 33px;" alt="Grafik-Link: Button Großansicht schließen." title="Großansicht schließen" \/><\/a><br \/>';
  html += '    <\/div>';
  html += '    <div class="referenzen-weiter">';
  html += '      <a href="javascript:void(0);" onclick="ein_ausblenden(\'ref-2\');"><img src="grafik/trans.gif" style="width: 39px; height: 35px;" alt="Grafik-Link: Button Weitere Ansichten." title="Weitere Ansichten" \/><\/a><br \/>';
  html += '    <\/div>';
  html += ' <\/div>';
  html += '  <div class="referenzen-bild" id="ref-2">';
  html += '    <img src="bilder/referenzen_' + ziffer + 'b.jpg" style="width: 424px; height: 708px;" alt="" title="" \/><br \/>';
  html += '    <div class="referenzen-schliessen">';
  html += '      <a href="javascript:void(0);" onclick="ein_ausblenden(\'grossansicht\');"><img src="grafik/trans.gif" style="width: 38px; height: 33px;" alt="Grafik-Link: Button Großansicht schließen." title="Großansicht schließen" \/><\/a><br \/>';
  html += '    <\/div>';
  html += '    <div class="referenzen-weiter">';
  html += '      <a href="javascript:void(0);" onclick="ein_ausblenden(\'ref-3\');"><img src="grafik/trans.gif" style="width: 39px; height: 35px;" alt="Grafik-Link: Button Weitere Ansichten." title="Weitere Ansichten" \/><\/a><br \/>';
  html += '    <\/div>';
  html += ' <\/div>';
  html += '  <div class="referenzen-bild" id="ref-3">';
  html += '    <img src="bilder/referenzen_' + ziffer + 'c.jpg" style="width: 424px; height: 708px;" alt="" title="" \/><br \/>';
  html += '    <div class="referenzen-schliessen">';
  html += '      <a href="javascript:void(0);" onclick="ein_ausblenden(\'grossansicht\');"><img src="grafik/trans.gif" style="width: 38px; height: 33px;" alt="Grafik-Link: Button Großansicht schließen." title="Großansicht schließen" \/><\/a><br \/>';
  html += '    <\/div>';
  html += '    <div class="referenzen-weiter">';
  html += '      <a href="javascript:void(0);" onclick="ein_ausblenden(\'ref-4\');"><img src="grafik/trans.gif" style="width: 39px; height: 35px;" alt="Grafik-Link: Button Weitere Ansichten." title="Weitere Ansichten" \/><\/a><br \/>';
  html += '    <\/div>';
  html += ' <\/div>';
  html += '  <div class="referenzen-bild" id="ref-4">';
  html += '    <img src="bilder/referenzen_' + ziffer + 'd.jpg" style="width: 424px; height: 708px;" alt="" title="" \/><br \/>';
  html += '    <div class="referenzen-schliessen">';
  html += '      <a href="javascript:void(0);" onclick="ein_ausblenden(\'grossansicht\');"><img src="grafik/trans.gif" style="width: 38px; height: 33px;" alt="Grafik-Link: Button Großansicht schließen." title="Großansicht schließen" \/><\/a><br \/>';
  html += '    <\/div>';
  html += '    <div class="referenzen-weiter">';
  html += '      <a href="javascript:void(0);" onclick="ein_ausblenden(\'ref-5\');"><img src="grafik/trans.gif" style="width: 39px; height: 35px;" alt="Grafik-Link: Button Weitere Ansichten." title="Weitere Ansichten" \/><\/a><br \/>';
  html += '    <\/div>';
  html += ' <\/div>';
  html += '  <div class="referenzen-bild" id="ref-5">';
  html += '    <img src="bilder/referenzen_' + ziffer + 'e.jpg" style="width: 424px; height: 708px;" alt="" title="" \/><br \/>';
  html += '    <div class="referenzen-schliessen">';
  html += '      <a href="javascript:void(0);" onclick="ein_ausblenden(\'grossansicht\');"><img src="grafik/trans.gif" style="width: 38px; height: 33px;" alt="Grafik-Link: Button Großansicht schließen." title="Großansicht schließen" \/><\/a><br \/>';
  html += '    <\/div>';
  html += '    <div class="referenzen-weiter">';
  html += '      <a href="javascript:void(0);" onclick="ein_ausblenden(\'ref-6\');"><img src="grafik/trans.gif" style="width: 39px; height: 35px;" alt="Grafik-Link: Button Weitere Ansichten." title="Weitere Ansichten" \/><\/a><br \/>';
  html += '    <\/div>';
  html += ' <\/div>';
  html += '  <div class="referenzen-bild" id="ref-6">';
  html += '    <img src="bilder/referenzen_' + ziffer + 'f.jpg" style="width: 424px; height: 708px;" alt="" title="" \/><br \/>';
  html += '    <div class="referenzen-schliessen">';
  html += '      <a href="javascript:void(0);" onclick="ein_ausblenden(\'grossansicht\');"><img src="grafik/trans.gif" style="width: 38px; height: 33px;" alt="Grafik-Link: Button Großansicht schließen." title="Großansicht schließen" \/><\/a><br \/>';
  html += '    <\/div>';
  html += '    <div class="referenzen-weiter">';
  html += '      <a href="javascript:void(0);" onclick="ein_ausblenden(\'ref-6\'); ein_ausblenden(\'ref-5\'); ein_ausblenden(\'ref-4\'); ein_ausblenden(\'ref-3\'); ein_ausblenden(\'ref-2\');"><img src="grafik/trans.gif" style="width: 39px; height: 35px;" alt="Grafik-Link: Button Weitere Ansichten." title="Weitere Ansichten" \/><\/a><br \/>';
  html += '    <\/div>';
  html += ' <\/div>';
  html += '<\/div>';
  return html;
}


