function Preload(LEVEL){

  nav_on = new Array();
  nav_off = new Array();

  var PFAD = "../shared/img/nav/nav_";
  if(LEVEL != null){
    PFAD = LEVEL + PFAD;
  }
  for(i = 1; i <= 6; i++){
    nav_on[i] = new Image();
    nav_on[i].src = PFAD+ i +"_on.gif";
    nav_off[i] = new Image();
    nav_off[i].src = PFAD+ i +"_off.gif";
  }
  subnav_1_on = new Image();
  subnav_1_on.src = "../shared/img/subnav/subnav_bg_hover_1.gif";
  subnav_1_off = new Image();
  subnav_1_off.src = "../shared/img/subnav/subnav_bg_normal_1.gif";
  subnav_2_on = new Image();
  subnav_2_on.src = "../shared/img/subnav/subnav_bg_hover_2.gif";
  subnav_2_off = new Image();
  subnav_2_off.src = "../shared/img/subnav/subnav_bg_normal_2.gif";
}


////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////


function NavOnOff(IMG,TYP){

  if(TYP == 'on'){
    document.images['nav_'+ IMG].src = nav_on[IMG].src;
  }else if(TYP == 'off'){
    document.images['nav_'+ IMG].src = nav_off[IMG].src;
  }
}


////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////


function SubNavOnOff(IMG,TYP){

  if(TYP == 'on'){
    document.getElementById('subnav_'+ IMG +'_1').style.backgroundImage = 'url('+ subnav_1_on.src +')';
    document.getElementById('subnav_'+ IMG +'_1').style.cursor = 'hand';
    document.images['subnav_'+ IMG +'_2'].src = subnav_2_on.src;
  }else if(TYP == 'off'){
    document.getElementById('subnav_'+ IMG +'_1').style.backgroundImage = 'url('+ subnav_1_off.src +')';
    document.getElementById('subnav_'+ IMG +'_1').style.cursor = 'default';
    document.images['subnav_'+ IMG +'_2'].src = subnav_2_off.src;
  }
}




////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////


function Footer(){

  var FOOT = '<table width="741" border="0" cellpadding="0" cellspacing="0" style="background-color:rgb(228,238,231);">'+
                '<tr>'+
                  '<td colspan="2" width="155" style="background-image:url(\'../shared/img/linie_1_quer.gif\');"><img src="../shared/img/clear.gif" width="145" height="1" border="0" alt="" /></td>'+
                  '<td rowspan="5" width="586" style="background-color:rgb(242,247,243); vertical-align:top;">'+
                    '<table border="0" cellspacing="0" cellpadding="0">'+
                      '<tr>'+
                        '<td width="395">&nbsp;</td>'+
                        '<td width="1" style="background-image:url(\'../shared/img/linie_1.gif");\'><img src="../shared/img/clear.gif" width="1" height="22" border="0" alt="" /></td>'+
                        '<td width="190">&nbsp;</td>'+
                      '</tr>'+
                    '</table></td>'+
                '</tr>'+
                '<tr>'+
                  '<td width="154" class="text_2" style="background-color:rgb(242,247,243); text-align:right; vertical-align:middle;"><a href="javascript:window.print()">drucken</a>&nbsp;&nbsp;<img src="../shared/img/bullet_2.gif" width="12" height="10" border="0" alt="" /></td>'+
                  '<td width="1" style="background-color:rgb(242,247,243);"><img src="../shared/img/clear.gif" width="1" height="16" border="0" alt="" /></td>'+
                '</tr>'+
                '<tr>'+
                  '<td colspan="2" style="background-image:url(\'../shared/img/linie_1_quer.gif\');"><img src="../shared/img/clear.gif" width="145" height="1" border="0" alt="" /></td>'+
                '</tr>'+
                '<tr>'+
                  '<td colspan="2"><img src="../shared/img/clear.gif" width="155" height="3" border="0" alt="" /></td>'+
                '</tr>'+
                '<tr>'+
                  '<td colspan="2" width="155" style="background-image:url(\'../shared/img/linie_1_quer.gif\');"><img src="../shared/img/clear.gif" width="145" height="1" border="0" alt="" /></td>'+
                '</tr>'+
                '<tr>'+
                  '<td class="text_2" style="background-color:rgb(242,247,243); text-align:right; vertical-align:middle;"><a href="#top">top</a>&nbsp;&nbsp;<img src="../shared/img/bullet_2.gif" width="12" height="10" border="0" alt="" /></td>'+
                  '<td width="1" style="background-color:rgb(242,247,243);"><img src="../shared/img/clear.gif" width="1" height="15" border="0" alt="" /></td>'+
                  '<td class="text_3" style="background-color:rgb(242,247,243); text-align:right; padding-right:20px;">&copy; 2006 by Blumenpavillon Schollbach&nbsp;&nbsp;|&nbsp;&nbsp;Design by <a class="link_4" href="http://www.hikelcom.de" target="_blank">&raquo; hikelCOM</a></td>'+
                '</tr>'+
                '<tr>'+
                  '<td colspan="2" style="background-image:url(\'../shared/img/linie_1_quer.gif\');"><img src="../shared/img/clear.gif" width="145" height="1" border="0" alt="" /></td>'+
                  '<td width="586"><img src="../shared/img/clear.gif" width="145" height="1" border="0" alt="" /></td>'+
                '</tr>'+
                '<tr>'+
                  '<td colspan="2"><img src="../shared/img/clear.gif" width="145" height="4" border="0" alt=""></td>'+
                  '<td style="background-color:rgb(93,179,112);"><img src="../shared/img/clear.gif" width="586" height="4" border="0" alt=""></td>'+
                '</tr>'+
              '</table>';
  document.write(FOOT);
}


////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////


function Datenschutz(){

  var W = 460;
  var H = screen.availHeight / 2;
  var LEFT = 50;
  var TOP = 50;
  var GEOM = 'width='+ W +',height='+ H +',left='+LEFT+',top='+TOP+',location=no,menubar=yes,resizable=no,scrollbars=yes,status=no,toolbar=no';
  var DS = window.open('../impressum/impressum_datenschutz.htm','datenschutzwindow',GEOM);
}


////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////


function active(ID){

  var fi = document.getElementById(ID).style;

  fi.backgroundColor='#ffffff';
  fi.borderColor='rgb(93,179,112)';

}


//////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////


function normal(ID){

  var fi = document.getElementById(ID).style;

  fi.backgroundColor='#f7fbf8';
  fi.borderColor='rgb(199,227,209)';
}


//////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////


function DoCheck(BOX){

  document.forms[0].elements[BOX].click();
}


//////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////


function MakeHeadlineSmall(TEXT){

  var HDL = '<table width="180" border="0" cellpadding="0" cellspacing="0">'+
    '<tr>'+
      '<td><img src="../shared/img/clear.gif" width="1" height="15" border="0" alt="" /></td>'+
    '</tr>'+
    '<tr>'+
      '<td width="180" class="hl_2">&nbsp;'+ TEXT +'</td>'+
    '</tr>'+
    '<tr>'+
      '<td style="background-image:url(\'../shared/img/linie_1_quer.gif\');"><img src="../shared/img/clear.gif" width="145" height="1" border="0" alt="" /></td>'+
    '</tr>'+
    '<tr>'+
      '<td><img src="../shared/img/clear.gif" width="1" height="5" border="0" alt="" /></td>'+
    '</tr>'+
  '</table>';
  document.write(HDL);
}



//////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////


function MakeBestellHotline(){

  var MHL = '<table width="180" border="0" cellpadding="0" cellspacing="0">'+
    '<tr>'+
      '<td><img src="../shared/img/clear.gif" width="1" height="15" border="0" alt="" /></td>'+
    '</tr>'+
    '<tr>'+
      '<td width="180" class="hl_2">&nbsp;Bestell-Hotline</td>'+
    '</tr>'+
    '<tr>'+
      '<td style="background-image:url(\'../shared/img/linie_1_quer.gif\');"><img src="../shared/img/clear.gif" width="145" height="1" border="0" alt="" /></td>'+
    '</tr>'+
    '<tr>'+
      '<td><img src="../shared/img/clear.gif" width="1" height="5" border="0" alt="" /></td>'+
    '</tr>'+
  '</table>'+
  '<table class="main_text_3" width="170" border="0" cellspacing="0" cellpadding="6">'+
  '  <tr>'+
  '    <td>Rufen Sie doch einfach unseren freundlichen Service unter<br /><br />'+
  '      <b>03371 / 63 26 93</b><br /><br />an und lassen Sie sich beraten oder '+
  '      teilen Sie uns direkt Ihre Wunschbestellung mit.<br /><br /><br /><br /></td>'+
  '  </tr>'+
  '</table>';
  document.write(MHL);
}


//////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////


function BigPic(NR){

  this.location.href = 'floristik_bigpic.htm?' + escape(NR)
}


//////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////


function ShowBigPic(){

  var MAXNR = 15;
  var NR;
  NR = location.search;
  NR = NR.substring(1,NR.length);
  NR = parseInt(unescape(NR));

  var Z = NR - 1;
  if(Z < 1){
    Z = MAXNR;
  }
  var ZURUECK = 'floristik_bigpic.htm?' + Z;

  var W = NR + 1;
  if(W > MAXNR){
    W = 1;
  }
  var WEITER = 'floristik_bigpic.htm?' + W;


  var BP = '<table width="370" border="0" cellpadding="0" cellspcing="0">'+
  '  <tr>'+
  '    <td colspan="5" ><img src="../shared/img/clear.gif" width="1" height="6" border="0" alt="" /></td>'+
  '  </tr>'+
  '  <tr>'+
  '    <td width="15"><img src="../shared/img/clear.gif" width="15" height="1" border="0" alt="" /></td>'+
  '    <td width="100" class="text_1"><img src="../shared/img/clear.gif" width="6" height="1" border="0" alt="" /><img src="../shared/img/bullet_1.gif" width="12" height="10" border="0" alt="zurück" />'+
  '      <a class="link_2" href="'+ ZURUECK +'">zurück</td>'+
  '    <td width="140" class="text_1" style="text-align:center;">Bild '+ NR +' von '+ MAXNR +'</td>'+
  '    <td width="100" class="text_1" style="text-align:right;">'+
  '      <a class="link_2" href="'+ WEITER +'">weiter</a>&nbsp;<img src="../shared/img/bullet_1.gif" width="12" height="10" border="0" alt="weiter" /></td>'+
  '    <td width="15"><img src="../shared/img/clear.gif" width="15" height="1" border="0" alt="" /></td>'+
  '  </tr>'+
  '  <tr>'+
  '    <td colspan="5" style="background-image:url(\'../shared/img/linie_1_quer.gif\');"><img src="../shared/img/clear.gif" width="1" height="1" border="0" alt="" /></td>'+
  '  </tr>'+
  '  <tr>'+
  '    <td colspan="5" ><img src="../shared/img/clear.gif" width="1" height="5" border="0" alt="" /></td>'+
  '  </tr>'+
  '  <tr>'+
  '    <td colspan="5" width="370" style="text-align:center;">'+
  '     <img class="pic_border_1" src="img/floristik_'+ NR +'_big.jpg" border="0" alt="" /></td>'+
  '  </tr>'+
  '  <tr>'+
  '    <td colspan="5"><img src="../shared/img/clear.gif" width="1" height="5" border="0" alt="" /></td>'+
  '  </tr>'+
  '  <tr>'+
  '    <td colspan="5" style="background-image:url(\'../shared/img/linie_1_quer.gif\');"><img src="../shared/img/clear.gif" width="1" height="1" border="0" alt="" /></td>'+
  '  </tr>'+
  '  <tr>'+
  '    <td width="15"><img src="../shared/img/clear.gif" width="15" height="1" border="0" alt="" /></td>'+
  '    <td width="100" class="text_1"><img src="../shared/img/clear.gif" width="6" height="1" border="0" alt="" /><img src="../shared/img/bullet_1.gif" width="12" height="10" border="0" alt="zurück" />'+
  '      <a class="link_2" href="'+ZURUECK+'">zurück</td>'+
  '    <td width="140" class="text_1" style="text-align:center;">Bild '+ NR +' von '+ MAXNR +'</td>'+
  '    <td width="100" class="text_1" style="text-align:right;">'+
  '      <a class="link_2" href="'+ WEITER +'">weiter</a>&nbsp;<img src="../shared/img/bullet_1.gif" width="12" height="10" border="0" alt="weiter" /></td>'+
  '    <td width="15"><img src="../shared/img/clear.gif" width="15" height="1" border="0" alt="" /></td>'+
  '  </tr>'+
  '  <tr>'+
  '    <td colspan="5"><img src="../shared/img/clear.gif" width="1" height="20" border="0" alt="" /></td>'+
  '  </tr>'+
  '  <tr>'+
  '    <td colspan="5" class="text_1" style="text-align:left;"><img src="../shared/img/bullet_2.gif" width="12" height="10" border="0" alt="zurück zum Text" /><a href="floristik_index.htm">zurück zum Text</a></td>'+
  '  </tr>'+
  '</table>';
  document.write(BP);
}
