buttondir="buttons";
imagedir="images";
flashdir="flash";

lastimg=-1;
scrollarea_bottom=190;
scrollarea_left=36;


scrollitems_offset = 9; //Achsabstand der Scroll-Segmente
maxitems = 20; //maximale Segmantzahl des Scrollbalkens
startitem=1; // erster Eintrag in der Gruppe
topitem=1; // oberster Eintrag des Scrollbalkens
lastitem=1;// letzter Eintrag der Gruppe
previtem=''; //NAme des zuletzt "überfahrenen" Segments
numBars=1; //Zahl der Scrollbalken des aktuellen Abschnitts
currentBar=1; //Nummer des aktuellen Scrollbalkens
group_selected=false; //bereits Gruppe in Galerie angeklickt?
actual_btn='';
lowlight= new Image(); //image mit dem nicht gehighlighteten button

currentgroup='';
previousgroup='';

swf1='<A HREF=FSCommand:quit></A> <!-- text used in the movie--><!--  --><OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0"  WIDTH=400 HEIGHT=300> <PARAM NAME=movie VALUE="';
swf2='"> <PARAM NAME=quality VALUE=high> <PARAM NAME=bgcolor VALUE=#CCCCCC> <EMBED src="';
swf3='" quality=high bgcolor=#CCCCCC  WIDTH=400 HEIGHT=300 TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash"></EMBED></OBJECT>';


btn_kontakt0 = new Image();
btn_kontakt1 = new Image();
btn_kontakt2 = new Image();

btn_galerie0 = new Image();
btn_galerie1 = new Image();
btn_galerie2 = new Image();

btn_impressum0 = new Image();
btn_impressum1 = new Image();
btn_impressum2 = new Image();

btn_anfahrt0 = new Image();
btn_anfahrt1 = new Image();
btn_anfahrt2 = new Image();

btn_team0 = new Image();
btn_team1 = new Image();
btn_team2 = new Image();

btn_history0 = new Image();
btn_history1 = new Image();
btn_history2 = new Image();

btn_logos0 = new Image();
btn_logos1 = new Image();
btn_logos2 = new Image();

btn_packungen0 = new Image();
btn_packungen1 = new Image();
btn_packungen2 = new Image();

btn_print0 = new Image();
btn_print1 = new Image();
btn_print2 = new Image();

btn_nonprint0 = new Image();
btn_nonprint1 = new Image();
btn_nonprint2 = new Image();

btn_illu0 = new Image();
btn_illu1 = new Image();
btn_illu2 = new Image();

btn_special0 = new Image();
btn_special1 = new Image();
btn_special2 = new Image();

btn_kontakt0.src='buttons/btn_kontakt_0.gif';
btn_kontakt1.src='buttons/btn_kontakt_1.gif';
btn_kontakt2.src='buttons/btn_kontakt_2.gif';

btn_galerie0.src='buttons/btn_galerie_0.gif';
btn_galerie1.src='buttons/btn_galerie_1.gif';
btn_galerie2.src='buttons/btn_galerie_2.gif';

btn_impressum0.src='buttons/impressum_0.gif';
btn_impressum1.src='buttons/impressum_1.gif';
btn_impressum2.src='buttons/impressum_2.gif';

btn_anfahrt0.src='buttons/anfahrt_0.gif';
btn_anfahrt1.src='buttons/anfahrt_1.gif';
btn_anfahrt2.src='buttons/anfahrt_2.gif';

btn_team0.src='buttons/team_0.gif';
btn_team1.src='buttons/team_1.gif';
btn_team2.src='buttons/team_2.gif';

btn_history0.src='buttons/history_0.gif';
btn_history1.src='buttons/history_1.gif';
btn_history2.src='buttons/history_2.gif';

btn_logos0.src='buttons/logos_0.gif';
btn_logos1.src='buttons/logos_1.gif';
btn_logos2.src='buttons/logos_2.gif';

btn_packungen0.src='buttons/packungen_0.gif';
btn_packungen1.src='buttons/packungen_1.gif';
btn_packungen2.src='buttons/packungen_2.gif';

btn_print0.src='buttons/print_0.gif';
btn_print1.src='buttons/print_1.gif';
btn_print2.src='buttons/print_2.gif';

btn_nonprint0.src='buttons/nonprint_0.gif';
btn_nonprint1.src='buttons/nonprint_1.gif';
btn_nonprint2.src='buttons/nonprint_2.gif';

btn_illu0.src='buttons/illustration_0.gif';
btn_illu1.src='buttons/illustration_1.gif';
btn_illu2.src='buttons/illustration_2.gif';

btn_special0.src='buttons/special_0.gif';
btn_special1.src='buttons/special_1.gif';
btn_special2.src='buttons/special_2.gif';





function galerie_init()
{
group_selected=false;
}

function getrange(groupname,btn,btn_h,btn_l) //btn: name des img, btn_l,btn_h: image
{
group_selected=true;
//zuletzt aktiven button wieder zurücksetzen
if (lowlight.src != '') window.document.images[actual_btn].src = lowlight.src;

actual_btn=btn;
lowlight.src=btn_l.src;

window.document.images[btn].src = btn_h.src;

i=0;
found=-1;
grouplabel='#'+groupname;
while ((i<pics.length) && (pics[i] != grouplabel))
  {
  i++;
  }

if (pics[i] == grouplabel) {found=i;}

if (found>-1)
  {
  startitem=(found+4)/4;
  lastitem=startitem;
  i=startitem*4+4;

  while ((i<pics.length) && (pics[i].charAt(0) != '#'))
  {
  lastitem=i/4;
  i=i+4;
  }
  previousgroup=currentgroup;
  numBars=(lastitem-startitem)/maxitems+1;
  numBars=parseInt(numBars);
  currentgroup=groupname;
  drawitembar(startitem);

  }

}


function getplan()
{
i=0;
found=-1;
grouplabel='#Plan';
while ((i<pics.length) && (pics[i] != grouplabel))
  {
  i++;
  }

if (pics[i] == grouplabel) {found=i;}

if (found>-1)
  {
  startitem=(found+4)/4;
  lastitem=startitem;
  i=startitem*4+4;

  while ((i<pics.length) && (pics[i].charAt(0) != '#'))
  {
  lastitem=i/4;
  i=i+4;
  }

  previousgroup=currentgroup;
  numBars=(lastitem-startitem)/maxitems+1;
  numBars=parseInt(numBars)+1;
  drawitembar(startitem);

  }

}

function getteam()
{
i=0;
found=-1;
grouplabel='#Team';
while ((i<pics.length) && (pics[i] != ('#Team')))
  {
  i++;
  }

if (pics[i] == grouplabel) {found=i}

if (found>-1)
  {
  startitem=(found+4)/4;

  i=startitem*4+4;
  while ((i<pics.length) && (pics[i].charAt(0) != '#'))
  {
  lastitem=i/4;

  i=i+4;
  }
  numBars=(lastitem-startitem)/maxitems+1;

  drawitembar_t(startitem);

  }

}


function drawitembar(n0)
{
currentBar=((n0-startitem)/maxitems);

currentBar=parseInt(currentBar)+1;
previtem='';
topitem=n0;
n1=n0+maxitems-1;
if (n1>lastitem) {n1=lastitem};

item_htm='';

for (var i = n0; i <= n1; i++)
 {

 button_htm='<img name="scroll'+(i-n0)+'" src="'+buttondir+'/scroll0.gif" style="position: absolute; left:'+scrollarea_left+'px; top:'+(scrollarea_bottom-(n1-n0) *scrollitems_offset+(i-n0) *scrollitems_offset)+'px;" onmouseover="b_active('+(i-n0)+')"  onclick="showbig('+(i*4+1)+')">';

 item_htm=item_htm+button_htm+' ';
 }

if (numBars>1){
item_htm=item_htm+'<div style="position: absolute; left:'+(scrollarea_left+6)+'px; top:'+(scrollarea_bottom+12)+'px; font-size:7pt">'+currentBar+' / '+numBars+'</div>';
}


if (n1<lastitem) {item_htm=item_htm+'<img src="'+buttondir+'/pfeil_r.gif" style="position: absolute; left:'+(scrollarea_left+40)+'px; top:'+(scrollarea_bottom-2)+'px;"  onclick="drawitembar('+(n1+1)+')">'}

if (n0>startitem) {item_htm=item_htm+'<img src="'+buttondir+'/pfeil_l.gif" style="position: absolute; left:'+(scrollarea_left-16)+'px; top:'+(scrollarea_bottom-2)+'px;"  onclick="drawitembar('+(n0-maxitems)+')">'}

if (window.navigator.userAgent.toLowerCase().match("gecko")){
        document.getElementById("itembar").innerHTML=item_htm;}
else if(document.all){
        itembar.innerHTML=item_htm;}

else if (document.layers)
     {document.itembar.document.write(item_htm);
     document.itembar.document.close();};

b_active(0);
}

function drawitembar_t(n0)
{

previtem='';
topitem=n0;
n1=n0+maxitems-1;
if (n1>lastitem) {n1=lastitem};



item_htm='';

for (var i = n0; i <= n1; i++)
 {

 button_htm='<img name="scroll'+(i-n0)+'" src="'+buttondir+'/scroll0.gif" style="position: absolute; left:'+scrollarea_left+'px; top:'+(scrollarea_bottom-(n1-n0) *scrollitems_offset+(i-n0) *scrollitems_offset)+'px;" onmouseover="b_active_t('+(i-n0)+')">';

 item_htm=item_htm+button_htm+' ';
 }

if (window.navigator.userAgent.toLowerCase().match("gecko")){
        document.getElementById("itembar").innerHTML=item_htm;}
else if(document.all){
        itembar.innerHTML=item_htm;}

else if (document.layers)
     {document.itembar.document.write(item_htm);
     document.itembar.document.close();};

b_active_t(0);
}


function showsmall(nr)
{

if (lastimg != nr)
{
lastimg=nr;



p_htm='<img src="'+imagedir+'/'+pics[nr*4]+'" border="0" alt="" onclick="showbig('+(nr*4+1)+')">';



if (window.navigator.userAgent.toLowerCase().match("gecko")){
        document.getElementById("canvas").innerHTML=p_htm;}
else if(document.all){
        canvas.innerHTML=p_htm;}

else if (document.layers)
     {document.canvas.document.write(p_htm);
     document.canvas.document.close();};

t_htm='';

if (window.navigator.userAgent.toLowerCase().match("gecko")){
        document.getElementById("subtitle").innerHTML=t_htm;}
else if(document.all){
        subtitle.innerHTML=t_htm;}

else if (document.layers)
     {document.subtitle.document.write(t_htm);
     document.subtitle.document.close();};
}
}

function showmember(nr)
{
p_htm='<img src="'+imagedir+'/'+pics[nr*4]+'" border="0">';


if (window.navigator.userAgent.toLowerCase().match("gecko")){
        document.getElementById("team_p").innerHTML=p_htm;}
else if(document.all){
        team_p.innerHTML=p_htm;}

else if (document.layers)
     {document.team_p.document.write(p_htm);
     document.team_p.document.close();};

t_htm=pics[nr*4+1];

if (window.navigator.userAgent.toLowerCase().match("gecko")){
        document.getElementById("team_t").innerHTML=t_htm;}
else if(document.all){
        team_t.innerHTML=t_htm;}

else if (document.layers)
     {document.team_t.document.write(t_htm);
     document.team_t.document.close();};
}


function showbig(nr)
{
p=-1;
p=pics[nr].lastIndexOf(".");


var ext=pics[nr].substring(p+1,p+4);

if (ext != "swf")
{
p_htm='<img src="'+imagedir+'/'+pics[nr]+'">';

}
else
{
p_htm='<img src="'+buttondir+'/weiss.gif">'+swf1+flashdir+'/'+pics[nr]+swf2+flashdir+'/'+pics[nr]+swf3;


}


if (window.navigator.userAgent.toLowerCase().match("gecko")){
        document.getElementById("canvas").innerHTML=p_htm;}
else if(document.all){
        canvas.innerHTML=p_htm;}

else if (document.layers)
     {document.canvas.document.write(p_htm);
     document.canvas.document.close();};

t_htm='<b>'+pics[nr+1]+'</b>&nbsp;&nbsp;'+pics[nr+2];

if (window.navigator.userAgent.toLowerCase().match("gecko")){
        document.getElementById("subtitle").innerHTML=t_htm;}
else if(document.all){
        subtitle.innerHTML=t_htm;}

else if (document.layers)
     {document.subtitle.document.write(t_htm);
     document.subtitle.document.close();};
}


function showimg(imgname)
{

p_htm='<img src="'+buttondir+'/'+imgname+'">';

if (window.navigator.userAgent.toLowerCase().match("gecko")){
        document.getElementById("canvas").innerHTML=p_htm;}
else if(document.all){
        canvas.innerHTML=p_htm;}

else if (document.layers)
     {document.canvas.document.write(p_htm);
     document.canvas.document.close();};
}






function b_active(nr)
{
abarname='scroll'+nr;

if (previtem != '') { b_inactive(previtem)};
window.document.images[abarname].src=buttondir+'/scroll1.gif';
previtem=abarname;
showsmall(nr+topitem);
}

function b_active_t(nr)
{
abarname='scroll'+nr;

if (previtem != '') { b_inactive(previtem)};
window.document.images[abarname].src=buttondir+'/scroll1.gif';
previtem=abarname;
showmember(nr+startitem);
}

function b_inactive(abarname)
{

window.document.images[abarname].src=buttondir+'/scroll0.gif';

}

function btnchange (img, srcimg) {
  window.document.images[img].src = srcimg.src; //buttondir+'/'+imgname;
}

function btnchange_g (img, srcimg, grafikname)

 {

if (img != actual_btn)  window.document.images[img].src = srcimg.src;
if (!group_selected)
  {
   t_htm='';

   if (window.navigator.userAgent.toLowerCase().match("gecko")){
        document.getElementById("subtitle").innerHTML=t_htm;}
   else if(document.all){
        subtitle.innerHTML=t_htm;}

   else if (document.layers)
     {document.subtitle.document.write(t_htm);
     document.subtitle.document.close();};

  showimg(grafikname);
  }
}