var galerie
var dir
var prefix
var erstesBild
var letztesBild
var automatischerAblauf
var tableauBreite
var tableauHoehe
var tableauHintergrundFarbe
var bildBreite
var bildHoehe
var anzSpalten
var anzZeilen
var grundStandzeit
var bildstandZufall
var   maxStandzeit
var   minStandzeit
var ueberblendung
var   grundUeberblendart
var   grundUeberblendzeit
var bildFolgeZufall
var startStopModus
var hintergrundSound
var   soundDatei
var   tonEinAusSchalter
var seitenTitel
var  seitenTitelText
var  seitenTitelSchriftArt
var  seitenTitelSchriftFarbe
var   seitenTitelSchriftGroesse
var   seitenTitelSchriftAttribut
var   seitenTitelSchatten
var banner
var bildTitel
//var   bildTitelText
var   bildTitelSchriftArt
var   bildTitelSchriftFarbe
var   bildTitelSchriftGroesse
var infoZeile
var   infoZeileSchriftArt
var   infoZeileSchriftFarbe
var   infoZeileSchriftGroesse
var hintergrundFarbe
var seitenBreite
var bildRahmen
var   bildRahmenArt
var   bildRahmenFarbe
var   bildRahmenDicke
var   bildRahmenSchatten
var passepartout
var   passepartoutFarbe
var schattenBox
var   boxHintergrund

var bild = new Array();
var images = new Array();
var imagesSound = new Array();
var ueberblendart = new  Array();
var ueberblendzeit = new  Array();
var titel = new  Array();
var sound = new  Array();
var standzeit = new  Array();
var drehen = new  Array();
var bildFenster = new Array();
var transitions = new Array();
var filterStyle = new Array();
var filters = new Array();
var standzeitOri = new Array();
var messages = new Array();

var xx = new Array();
var ss =new Array();
var t =new Array();

var auto;
var automatischerAblauf;
var multi;
var preloadNum;
var anzFenster;
var normaleBildBreite;
var normaleBildHoehe;
var gedrehteBildBreite;
var gedrehteBildHoehe;
var anzahlBilder;
var offset;
var hinweis_manu;
var hinweis_auto;
var hinweis_tableau;
var hinweis_startStop;

var offen = false;
var switched = false;
var formatMix = false;
var clickOnButton = false;
var chronologisch = true;
var newShowStarted = true;

var ueberblendungOri;
var autoOri;
var multiOri;
var anzSpaltenOri;
var anzZeilenOri;
var lastSound = ''
var lastHintergrundFarbe = ' '

var bildNummer
var bildParams = true

transitions[0] = "progid:DXImageTransform.Microsoft.Fade(duration=1)";
transitions[1] = "progid:DXImageTransform.Microsoft.GradientWipe(GradientSize=1.0,wipestyle=0,motion=forward)";
transitions[2] = "progid:DXImageTransform.Microsoft.GradientWipe(GradientSize=1.0,wipestyle=0,motion=reverse)";
transitions[3] = "progid:DXImageTransform.Microsoft.GradientWipe(GradientSize=1.0,wipestyle=1,motion=forward)";
transitions[4] = "progid:DXImageTransform.Microsoft.GradientWipe(GradientSize=1.0,wipestyle=1,motion=reverse)";
transitions[5] = "progid:DXImageTransform.Microsoft.RandomDissolve(Duration=1,orientation=vertical)";
transitions[6] = "progid:DXImageTransform.Microsoft.Pixelate(maxSquare=10,duration=1)";
transitions[7] = "progid:DXImageTransform.Microsoft.Slide(Duration=1,slideStyle=push)";
transitions[8] = "progid:DXImageTransform.Microsoft.Slide(Duration=1,slideStyle=swap)";
transitions[9] = "progid:DXImageTransform.Microsoft.Slide(Duration=1,slideStyle=hide)";
transitions[10] = "progid:DXImageTransform.Microsoft.Barn(Duration=1,orientation=vertical,motion=out)";
transitions[11] = "progid:DXImageTransform.Microsoft.Barn(Duration=1,orientation=vertical,motion=in)";
transitions[12] = "progid:DXImageTransform.Microsoft.Stretch(Duration=1,stretchStyle=spin)";
transitions[13] = "progid:DXImageTransform.Microsoft.Stretch(Duration=1,stretchStyle=hide)";
transitions[14] = "progid:DXImageTransform.Microsoft.Stretch(Duration=1,stretchStyle=push)";
transitions[15] = "progid:DXImageTransform.Microsoft.RadialWipe(Duration=1,wipeStyle=radial)";
transitions[16] = "progid:DXImageTransform.Microsoft.Spiral(Duration=1,gridSizeX=40,gridSizeY=40)";
transitions[17] = "progid:DXImageTransform.Microsoft.Blinds(Duration=1,bands=20)";
transitions[18] = "progid:DXImageTransform.Microsoft.Checkerboard(Duration=1,squaresX=20,squaresY=20)";
transitions[19] = "progid:DXImageTransform.Microsoft.Strips(Duration=1,motion=rightdown)";
transitions[20] = "progid:DXImageTransform.Microsoft.Iris(Duration=1,motion=out)";
transitions[21] = "progid:DXImageTransform.Microsoft.RandomBars(Duration=1,orientation=vertical)";
transitions[22] = "progid:DXImageTransform.Microsoft.Wheel(spokes=4)";

filterStyle[1] = "progid:DXImageTransform.Microsoft.Shadow(color=#000000, direction=135)"

function setDefaults(p) {
if (p==0) galerie = null; else if (galerie == null) galerie = false;
if (p==0) dir = null; else if (!dir) dir =  ' '
if (p==0) prefix = null; else if (!prefix) prefix = ' '
if (p==0) erstesBild = null; else if (!erstesBild) erstesBild = 1
if (p==0) letztesBild = null; else if (!letztesBild) letztesBild = 1;

if (p==0) automatischerAblauf = null; else if (automatischerAblauf == null) automatischerAblauf = true

if (p==0) tableauBreite = null; else if (!tableauBreite) tableauBreite = 400
if (p==0) tableauHoehe = null; else if (!tableauHoehe) tableauHoehe = 300
if (p==0) tableauHintergrundFarbe = null; else if (!tableauHintergrundFarbe) tableauHintergrundFarbe = "#fef1db"
if (style == 0 || style == 6) if (p==0) tableauHintergrundFarbe = null; else if (!tableauHintergrundFarbe) tableauHintergrundFarbe = "#000000"
if (style == 4) if (p==0) tableauHintergrundFarbe = null; else if (!tableauHintergrundFarbe) tableauHintergrundFarbe = "#ffffff"
if (p==0) bildBreite = null; else if (!bildBreite) bildBreite = 400
if (p==0) bildHoehe = null; else if (!bildHoehe) bildHoehe  = 300

if (p==0) anzSpalten = null; else if (!anzSpalten) anzSpalten = 1
if (p==0) anzZeilen = null; else if (!anzZeilen) anzZeilen = 1

if (p==0) grundStandzeit = null; else if (!grundStandzeit) grundStandzeit = 5
if (p==0) bildstandZufall = null; else if (!bildstandZufall == null) bildstandZufall = false
if (p==0) maxStandzeit = null; else if (!maxStandzeit)  maxStandzeit = 5
if (p==0) minStandzeit = null; else if (!minStandzeit)  minStandzeit = 1

if (p==0) ueberblendung = null; else if (ueberblendung == null) ueberblendung = true
if (p==0) grundUeberblendart = null; else if (!grundUeberblendart)  grundUeberblendart = 0;//6
if (p==0) grundUeberblendzeit = null; else if (!grundUeberblendzeit)  grundUeberblendzeit = 1

if (p==0) bildFolgeZufall = null; else if (!bildFolgeZufall == null) bildFolgeZufall = false
if (p==0) startStopModus = null; else if (startStopModus == null) startStopModus = true

if (p==0) hintergrundSound = null; else if (!hintergrundSound) hintergrundSound = false
if (p==0) soundDatei = null; else if (!soundDatei)  soundDatei = ''
if (p==0) tonEinAusSchalter = null; else if (!tonEinAusSchalter)  tonEinAusSchalter = false

if (p==0) banner = null; else if (banner == null) banner = false
if (p==0) seitenTitel = null; else if (seitenTitel == null) seitenTitel = true
if (p==0) seitenTitelText = null; else if (!seitenTitelText)  seitenTitelText = " "
if (p==0) seitenTitelSchriftArt = null; else if (!seitenTitelSchriftArt)  seitenTitelSchriftArt = 'arial'
if (p==0) seitenTitelSchriftFarbe = null; else if (!seitenTitelSchriftFarbe)  seitenTitelSchriftFarbe = 'navy'
if (p==0) seitenTitelSchriftGroesse = null; else if (!seitenTitelSchriftGroesse)  seitenTitelSchriftGroesse = '30px'
if (p==0) seitenTitelSchriftAttribut = null; else if (!seitenTitelSchriftAttribut)  seitenTitelSchriftAttribut = 'normal'
if (p==0) seitenTitelSchatten = null; else if (seitenTitelSchatten == null)  seitenTitelSchatten = false

if (p==0) bildTitel = null; else if (bildTitel == null) bildTitel = false
//if (p==0) bildTitelText = null; else if (!bildTitelText)  bildTitelText = ""
if (p==0) bildTitelschriftArt = null; else if (!bildTitelSchriftArt)  bildTitelSchriftArt = 'arial'
if (style != 0) if (p==0) bildTitelSchriftFarbe = null; else if (!bildTitelSchriftFarbe)  bildTitelSchriftFarbe = 'navy';'#adaead'
if (style == 0 || style == 6) if (p==0) bildTitelSchriftFarbe = null; else if (!bildTitelSchriftFarbe)  bildTitelSchriftFarbe = 'gray';'#adaead'
if (p==0) bildTitelSchriftGroesse = null; else if (!bildTitelSchriftGroesse)  bildTitelSchriftGroesse = '12px'

if (p==0) infoZeile = null; else if (infoZeile == null) infoZeile = true
if (p==0) infoZeileSchriftArt = null; else if (!infoZeileSchriftArt)  infoZeileSchriftArt = 'arial'
if (style != 0) if (p==0) infoZeileSchriftFarbe = null; else if (!infoZeileSchriftFarbe)  infoZeileSchriftFarbe = 'navy';'#adaead'
if (style == 0 || style == 6) if (p==0) infoZeileSchriftFarbe = null; else if (!infoZeileSchriftFarbe)  infoZeileSchriftFarbe = 'gray';'#adaead'
if (p==0) infoZeileSchriftGroesse = null; else if (!infoZeileSchriftGroesse)  infoZeileSchriftGroesse = '12px'
if (p==0) hintergrundFarbe = null; else if (!hintergrundFarbe) hintergrundFarbe =  "#fef1db;"
if (p==0) seitenBreite = null; else if (!seitenBreite)seitenBreite = 570

if (p==0) bildRahmen  = null; else if (bildRahmen == null) bildRahmen = false
if (p==0) passepartout = null; else if (passepartout == null) passepartout = false
if (passepartout) {
  if (p==0) bildRahmenArt = null; else if (!bildRahmenArt)  bildRahmenArt = 'ridge'     //double, groove, inset, outset
  if (p==0) bildRahmenFarbe = null; else if (!bildRahmenFarbe)  bildRahmenFarbe = '#0000bd'
  if (p==0) bildRahmenDicke = null; else if (!bildRahmenDicke)  bildRahmenDicke = '12px'
}
else {
  if (p==0) bildRahmenArt = null; else if (!bildRahmenArt)  bildRahmenArt = 'ridge'     //double, groove, inset, outset
  if (p==0) bildRahmenFarbe = null; else if (!bildRahmenFarbe)  bildRahmenFarbe = '#c0c0c0'
  if (p==0) bildRahmenDicke = null; else if (!bildRahmenDicke)  bildRahmenDicke = '5px'
}
if (p==0) passepartoutFarbe = null; else if (!passepartoutFarbe) passepartoutFarbe = '#dddddd'
if (p==0) bildRahmenSchatten = null; else if (bildRahmenSchatten == null)  bildRahmenSchatten = false  // funktioniert nur bei manuellem Ablauf

if (p==0) schattenBox = null; else if (!schattenBox) schattenBox = false
if (p==0) boxHintergrund = null; else if (!boxHintergrund) boxHintergrund = 'khaki'; hintergrundFarbe

return
}

function ladeBildParameter() {
  anzFenster = anzSpalten * anzZeilen;
  if (anzFenster > 1) multi = true; else multi = false;
  for (i = erstesBild; i  <= letztesBild; i ++){
    if (bildstandZufall) {
      if (!standzeit[i]) {
        standzeit[i] = minStandzeit+Math.round((maxStandzeit-minStandzeit)*Math.random());
        standzeit[i] = standzeit[i]*1000;
      }
    }
    else {
      if (!standzeit[i]) standzeit[i] = grundStandzeit*1000; else standzeit[i] = standzeit[i]*1000;
    }
    if (!titel[i]) titel[i] = '&nbsp;';
    if (!sound[i]) sound[i] = '&nbsp;';
    if (!drehen[i]) drehen[i] = false; else formatMix = true;
    if (!ueberblendzeit[i]) ueberblendzeit[i] = grundUeberblendzeit;
    if (!ueberblendart[i]) ueberblendart[i] = grundUeberblendart;
    if (ueberblendart[i] == 30) ueberblendart[i] = Math.round(4*Math.random())
    if (ueberblendart[i] == 31) ueberblendart[i] = Math.round(22*Math.random())
  }

  last  = ' '
  for (i=erstesBild ;i<=letztesBild ;i++ ) {
     if (titel[i]  != '&nbsp;') {
       if (titel[i] == '/') {
         titel[i] = '&nbsp;';
         last  = ' ';}
       else {
         last  = titel[i] }
       }
     else {
       if (last  != ' ') titel[i] = last ;
     }

  }
  last  = ' '
  for (i=erstesBild ;i<=letztesBild ;i++ ) {
     if (sound[i]  != '&nbsp;') {
       if (sound[i] == '/') {
         sound[i] = '&nbsp;';
         last  = ' ';}
       else {
         last  = sound[i] }
       }
     else {
       if (last  != ' ') sound[i] = last ;
     }

  }
}


function ladeBildParameter_neu() {
  anzFenster = anzSpalten * anzZeilen;
  if (anzFenster > 1) multi = true; else multi = false;

  for (i = erstesBild; i  <= letztesBild; i ++){
    if (bildstandZufall) {
      if (!standzeit[i]) {
        standzeit[i] = minStandzeit+Math.round((maxStandzeit-minStandzeit)*Math.random());
        standzeit[i] = standzeit[i]*1000;
      }
    }
    else {
      if (!standzeit[i]) standzeit[i] = grundStandzeit*1000; else standzeit[i] = standzeit[i]*1000;
    }
    if (!titel[i]) titel[i] = '&nbsp;';
    if (!sound[i]) sound[i] = '&nbsp;';
    if (!drehen[i]) drehen[i] = false; else formatMix = true;
    if (!ueberblendzeit[i]) ueberblendzeit[i] = grundUeberblendzeit;
    if (!ueberblendart[i]) ueberblendart[i] = grundUeberblendart;
    if (ueberblendart[i] == 30) ueberblendart[i] = Math.round(4*Math.random())
    if (ueberblendart[i] == 31) ueberblendart[i] = Math.round(22*Math.random())
  }

  last  = ' '
  for (i=erstesBild ;i<=letztesBild ;i++ ) {
     if (titel[i]  != '&nbsp;') {
       if (titel[i] == '/') {
         titel[i] = '&nbsp;';
         last  = ' ';}
       else {
         last  = titel[i] }
       }
     else {
       if (last  != ' ') titel[i] = last ;
     }

  }
  last  = ' '
  for (i=erstesBild ;i<=letztesBild ;i++ ) {
     if (sound[i]  != '&nbsp;') {
       if (sound[i] == '/') {
         sound[i] = '&nbsp;';
         last  = ' ';}
       else {
         last  = sound[i] }
       }
     else {
       if (last  != ' ') sound[i] = last ;
     }

  }
}

function ladeVariableParameter  () {
  if (chronologisch) {
    jj = 1;}
  else {
    jj = 1+Math.round((anzFenster-1)*Math.random());
  }
  k = 1
  for (i = erstesBild; i  <= letztesBild; i ++){
    if (chronologisch) {
      bildFenster[i] = jj
      jj = jj+1;
      if (jj > anzFenster) jj = 1;
    }
    else {
      if (i <= anzFenster) {
        bildFenster[i] = jj
        jj = jj+1;
        if (jj > anzFenster) jj = 1;
      }
      else {
        bildFenster[i] = 1+Math.round((anzFenster-1)*Math.random());
      }
    }
  }

  f = bildBreite / bildHoehe
  if (f >= 1){
    p =Math.max(anzSpalten,anzZeilen);
  }
  else {
    p =Math.min(anzSpalten,anzZeilen);
  }
  normaleBildHoehe = bildHoehe/p;
  normaleBildBreite = bildBreite/p;

  if (f >= 1){
    gedrehteBildHoehe = normaleBildHoehe;
    gedrehteBildBreite = normaleBildHoehe / f
  }
  else  {
    if (multi) gedrehteBildHoehe = normaleBildBreite * f; else gedrehteBildHoehe = normaleBildBreite;
    if (multi) gedrehteBildBreite = normaleBildBreite; else gedrehteBildBreite = normaleBildHoehe;
  }
}


function ladeVariableParameter_neu  () {
  if (chronologisch) {
    jj = 1;}
  else {
    jj = 1+Math.round((anzFenster-1)*Math.random());
  }
  k = 1
  for (i = erstesBild; i  <= letztesBild; i ++){
    if (chronologisch) {
      bildFenster[i] = jj
      jj = jj+1;
      if (jj > anzFenster) jj = 1;
    }
    else {
      if (i <= anzFenster) {
        bildFenster[i] = jj
        jj = jj+1;
        if (jj > anzFenster) jj = 1;
      }
      else {
        bildFenster[i] = 1+Math.round((anzFenster-1)*Math.random());
      }
    }
  }

  f = bildBreite / bildHoehe
  if (f >= 1){
    p =Math.max(anzSpalten,anzZeilen);
  }
  else {
    p =Math.min(anzSpalten,anzZeilen);
  }
  normaleBildHoehe = bildHoehe/p;
  normaleBildBreite = bildBreite/p;

  if (f >= 1){
    gedrehteBildHoehe = normaleBildHoehe;
    gedrehteBildBreite = normaleBildHoehe / f
  }
  else  {
    if (multi) gedrehteBildHoehe = normaleBildBreite * f; else gedrehteBildHoehe = normaleBildBreite;
    if (multi) gedrehteBildBreite = normaleBildBreite; else gedrehteBildBreite = normaleBildHoehe;
  }
}


function ladeBilder() {

  anzahlBilder = letztesBild - erstesBild + 1
  offset = erstesBild - 1;

  preloadNum = Math.max(anzahlBilder/10,1);
  if (multi) preloadNum = Math.max(anzFenster,preloadNum);

  for (i= erstesBild; i <= letztesBild; i++)
  {
    if (i <  10)              if (!bild[i]) bild[i] = dir + prefix + '00' + i +'.jpg'; else  bild[i]= dir + bild[i];
    if (i >= 10  && i < 100)  if (!bild[i]) bild[i] = dir + prefix + '0' + i +'.jpg'; else  bild[i]= dir + bild[i];
    if (i >= 100 && i < 1000) if (!bild[i]) bild[i] = dir + prefix  + i +".jpg"; else  bild[i]= dir + bild[i];
  }
  for (i = erstesBild; i  <= letztesBild; i ++){
    images[i] = new Image();
    images[i].src = 'notloaded'
  }
//Lade je ein Bild von jedem Fenster
  numPreloadSets = 2;
  for (j=1; j<=numPreloadSets; j++){
    for (i=1; i<=anzFenster; i++){
      for (k = 1; k <= letztesBild; k++ ) {
        if (bildFenster[k] == i) {
          if (images[k].src.indexOf("notloaded") != -1) {
            images[k].src = bild[k];
            break;
          }
        }
      }
    }
  }
}


function ladeBilder_neu() {

  anzahlBilder = letztesBild - erstesBild + 1
  offset = erstesBild - 1;

  preloadNum = Math.max(anzahlBilder/10,1);
  if (multi) preloadNum = Math.max(anzFenster,preloadNum);

  for (i= erstesBild; i <= letztesBild; i++)
  {
    if (i <  10)              if (!bild[i]) bild[i] = dir + prefix + '00' + i +'.jpg'; /*else  bild[i]= dir + bild[i]; */
    if (i >= 10  && i < 100)  if (!bild[i]) bild[i] = dir + prefix + '0' + i +'.jpg'; /*else  bild[i]= dir + bild[i]; */
    if (i >= 100 && i < 1000) if (!bild[i]) bild[i] = dir + prefix  + i +".jpg"; /*else  bild[i]= dir + bild[i];  */
  }
  for (i = erstesBild; i  <= letztesBild; i ++){
    images[i] = new Image();
    images[i].src = 'notloaded'
  }
//Lade je ein Bild von jedem Fenster
  numPreloadSets = 2;
  for (j=1; j<=numPreloadSets; j++){
    for (i=1; i<=anzFenster; i++){
      for (k = 1; k <= letztesBild; k++ ) {
        if (bildFenster[k] == i) {
          if (images[k].src.indexOf("notloaded") != -1) {
            images[k].src = bild[k];
            break;
          }
        }
      }
    }
  }
}

function startShow() {
 if (newShowStarted) {
   for (i=1; i<=anzFenster; i++){
    for (k = 1; k <= letztesBild; k++ ) {
      if (bildFenster[k] == i) {
        if (images[k].src.indexOf("notloaded") != -1){
          clearTimeout(t)
          t = setTimeout('startShow()',500)
          return  0;
        }
        else {
          break;
        }
      }
    }
   }
  }
  newShowStarted = false;

  //Preload restliche Bilder
  loaded = true
  while (loaded) {
    loaded = false
    for (i=1; i<=anzFenster; i++){
      for (k = erstesBild; k <= letztesBild; k++ ) {
        if (bildFenster[k] == i) {
           if (images[k].src.indexOf("notloaded") != -1) {
            images[k].src = bild[k];
            loaded = true
          }
        }
      }
    }
  }
 if (automatischerAblauf) auto=true; else auto=false;
 if (galerie) {
    hinweis_manu = 'Ein Klick auf ein Bild startet die Show';
  }
  else {
    hinweis_manu = 'Ein Klick auf ein Bild zeigt dieses vergrößert';
  }

  hinweis_auto = 'Ein Klick auf ein Bild stoppt die Show und zeigt das Bild vergrößert';
  hinweis_tableau = 'Ein Klick auf das Bild startet eine automatisch ablaufende Diashow';
  hinweis_startStop = 'Ein Klick auf das Bild schaltet um auf manuell gesteuerte Show.';

  if (anzahlBilder <= anzFenster) auto = false;
  if (multi) startStopModus = true;

  for (i=1 ;i <=  anzFenster ;i++ ) {
    ss[i] = 1+offset;
  }

  autoOri = auto;
  multiOri = multi;
  anzSpaltenOri = anzSpalten;
  anzZeilenOri  = anzZeilen;
  ueberblendungOri = ueberblendung;

  setPageParameter();
  showPageTitle();
  showTableau();

  showSoundLine();
  initMsg();
  if (schattenBox) createShadowedBox(); else removeShadowedBox();

  if (auto) {
    startAutoShow()}
  else {
    startManuShow()
  }

  return
}

function setPageParameter (){
  document.getElementById("bodyId").bgColor = hintergrundFarbe
  document.getElementById("pageId").width = seitenBreite;
  document.getElementById("infoTableId").width = tableauBreite;
  document.getElementById("tableauId").bgColor = tableauHintergrundFarbe;

}

function showPageTitle() {
  var line;
  if (seitenTitel) {
    if (banner) line = '<img src="'+banner+'">'
    if (seitenTitelText) {
      if (schattenBox) line = seitenTitelText;else line = seitenTitelText+'<br><br>';

      if (document.getElementById) {
        document.getElementById("pageTitleId").style.fontFamily = seitenTitelSchriftArt;
        document.getElementById("pageTitleId").style.fontWeight = seitenTitelSchriftAttribut;
        document.getElementById("pageTitleId").style.fontSize =   seitenTitelSchriftGroesse ;
        document.getElementById("pageTitleId").style.color =      seitenTitelSchriftFarbe;
        if (seitenTitelSchatten) {
          document.getElementById("pageTitleId").style.filter = 'Shadow(color=#000000, direction=135)';
        }
        else {
          document.getElementById("pageTitleId").style.filter = null
        }
      }
    }
  }
  else {
    line = '&nbsp';
  }
  if (document.getElementById) document.getElementById("pageTitleId").innerHTML = line;

}

var spalte = Array()

function appendTableRow(num ) {
  var theTable = document.getElementById("tableauId")
  var theTableBody = theTable.tBodies[0]
  var newCell
  var newRow = theTableBody.insertRow(num-1)
  for (var i = 1; i <=  anzSpalten; i++) {
    newCell = newRow.insertCell(i-1)
    newCell.align = "center"
    newCell.innerHTML = spalte[i]
    if (!passepartout) newCell.style.backgroundColor = tableauHintergrundFarbe
    if (schattenBox) newCell.style.backgroundColor = boxHintergrund
  }
}

function removeTableRow(num) {
  var theTable = document.getElementById("tableauId")
  var theTableBody = theTable.tBodies[0]
  theTableBody.deleteRow(num-1)
}


function showTableau () {
  var theTable = document.getElementById("tableauId")
  theTable.width = tableauBreite;
  theTable.height = tableauHoehe;
  k = 0;
  for (z =1; z <=anzZeilen  ; z++ ) {
    for (s = k+1; s <= anzSpalten+k ; s++ ) {
      spalte[s-k] = '<a href="#" id="switchId'+s+'" onMouseOver="JavaSript:showMsg('+s+')" onMouseOut="JavaScript:hideMsg()" onClick="JavaScript:switchShow(bild[ss['+s+']])">'+
                    '<img  src=./pics/dummy.jpg id=rahmenId'+s+' name=bildId'+s+'  align=center  width='+normaleBildBreite+' height='+normaleBildHoehe +' alt=""></div>' ;
    }
    appendTableRow(z)
    k = k + anzSpalten;
  }

return
}

function definePicBorder (p) {
 if (passepartout) {
   tab = document.getElementById("tableauId")
   tab.style.width = tableauBreite ;
   tab.style.height = tableauHoehe ;
   tab.style.borderColor = bildRahmenFarbe; //"#0000BD 12px ridge"
   tab.style.borderStyle = bildRahmenArt;
   tab.style.borderWidth = bildRahmenDicke;
   tab.style.backgroundColor = passepartoutFarbe //"#dddddd";

   img = eval('document.getElementById("rahmenId'+p+'")')
   img.style.border = "#ffffff 4px inset"

   if (drehen[ss[p]]) {
     img.style.width = gedrehteBildBreite*0.75
     img.style.height = gedrehteBildHoehe*0.75
   }
   else {
     img.style.width = normaleBildBreite*0.75
     img.style.height = normaleBildHoehe*0.75
   }
 }
 else {
   tab = document.getElementById("tableauId")
   tab.style.width = tableauBreite ;
   tab.style.height = tableauHoehe ;
   tab.style.border = ""
   tab.style.backgroundColor = "";

   img = eval('document.getElementById("rahmenId'+p+'")')
   img.style.border = ""
   ref = eval('document.getElementById("rahmenId'+p+'")')
   ref.style.borderStyle = bildRahmenArt;
   ref.style.borderColor = bildRahmenFarbe;
   ref.style.borderWidth = bildRahmenDicke;
   if (bildRahmenSchatten) {
     if (!auto || !ueberblendung)  ref.style.filter  = filterStyle[1];
   }
   else {
    ref.style.filter = null
   }
 }
 return
}


function showSoundLine () {
  if (hintergrundSound) {
    if (tonEinAusSchalter) {
      line = '<EMBED src="'+soundDatei+'" hidden=false  loop="true" autostart=true height=25 width=75>'
    }
    else {
      line = '<EMBED src="'+ soundDatei+'" hidden=true loop="true" autostart=true height=25 width=75>'

    }
    if (document.getElementById) document.getElementById("bgSoundId").innerHTML  = line;
  }

  return
}

function picSound(p) {
  if (hintergrundSound) return;
  k = ss[p]
  if (sound[k]  == '&nbsp;') {
    line = ''
    if (lastSound != sound[k]) if (document.getElementById) document.getElementById("bgSoundId").innerHTML  = line;
    lastSound = sound[k]
  }
  else {
    line = '<EMBED src="'+ sound[k]+'" hidden=true loop="true" autostart=true height=25 width=75>'
    if (lastSound != sound[k]) {
      if (document.getElementById) document.getElementById("bgSoundId").innerHTML  = '';
      if (document.getElementById) document.getElementById("bgSoundId").innerHTML  = line;
    }
    lastSound = sound[k]
  }
return
}

function getPicNumber(p) {
// Ermittelt die Bildnummer im Bildfenster p
  var notfound = true;
  k = ss[p];
  if (k >  letztesBild) k = 1;
  if (k <= 0) k = letztesBild
  for (i  = k ; i <= letztesBild ; i++){
    if (bildFenster[i] == p) {
      ss[p] = i;
      notfound = false;
      break
    }
  }
  if (notfound) {
    k = 1;
    for (i=k; i<=letztesBild; i++) {
      if (bildFenster[i] == p){
        ss[p] = i;
        notfound = false
        break
      }
    }
  }
  if(bildFolgeZufall && !switched) {
    ss[p] = erstesBild+Math.round((letztesBild-erstesBild)*Math.random());
  }
 return ss[p]
}

function bildDrehen(p) {
  img = eval('document.getElementById("rahmenId'+p+'")')
  if (drehen[ss[p]]) {
    img.style.width = gedrehteBildBreite
    img.style.height = gedrehteBildHoehe
  }
  else {
    img.style.width = normaleBildBreite
    img.style.height = normaleBildHoehe
  }

  return
}


function startAutoShow() {
/*  if (!startStopModus) {
    line = '&nbsp;'
    if (document.getElementById) document.getElementById("linksId").innerHTML = line;
    if (document.getElementById) document.getElementById("startId").innerHTML = line;
    if (document.getElementById) document.getElementById("rechtsId").innerHTML = line;
  }   */

  for (ix=1 ;ix<=anzFenster ;ix++ ) {
    prepPic(ix)
  }

  ueberblendung = ueberblendungOri;
  showAutoButtons();
//  closeZoom()
  return
}

function showAutoInfo () {
  if (document.getElementById){
    if (multi) {
      document.getElementById("picTitleId").innerHTML  = '&nbsp;';
      if (infoZeile) document.getElementById("infoLineId").innerHTML = hinweis_auto ; }
    else {
      bildStand = parseFloat(standzeit[ss[1]]/1000)
      infoLine = '&nbsp;'
      bildNr = ss[1];
      if (infoZeile && bildStand > 0) {
        infoLine  = 'Bild '+bildNr+' von '+anzahlBilder+'&nbsp;&nbsp;&nbsp;&nbsp;Bildstandzeit: '+Math.round(bildStand)+' Sek'
        /**if (ueberblendung) infoLine = infoLine + '&nbsp;&nbsp;&nbsp;&nbsp;Überblendzeit = '+ueberblendzeit[ss[1]]+' Sek.'  **/
      }
      if (!startStopModus) infoLine  = hinweis_startStop;
      if (!infoZeile) infoLine = '&nbsp;';
      document.getElementById("picTitleId").innerHTML  = titel[ss[1]];
      if (!bildParams)document.getElementById("infoLineId").innerHTML = infoLine  ;
    }
    document.getElementById("picTitleId").style.fontFamily = bildTitelSchriftArt;
    document.getElementById("picTitleId").style.color = bildTitelSchriftFarbe
    document.getElementById("picTitleId").style.fontSize = bildTitelSchriftGroesse

    document.getElementById("infoLineId").style.fontFamily = infoZeileSchriftArt;
    document.getElementById("infoLineId").style.color = infoZeileSchriftFarbe
    document.getElementById("infoLineId").style.fontSize = infoZeileSchriftGroesse

  }
  return
}

function showAutoButtons () {

  if (document.getElementById && startStopModus){
    if (multi) {
      p1 = 'anhalten'
      document.getElementById("controlLeftId").innerHTML = '' ;
      document.getElementById("controlStartId").innerHTML =
        '<input type="button"  value="&nbsp;Manueller Ablauf&nbsp;"  onclick="javascript:controlMultiShow(p1);">'
      document.getElementById("controlRightId").innerHTML = '';}
    else {
      p1 = '-1s'; p2 = 'anhalten'; p3 = '+1s';
      document.getElementById("controlLeftId").innerHTML =
        '<input type="button"  value="-1 sek Standzeit " onclick="javascript:controlSingleShow(p1);">'
      document.getElementById("controlStartId").innerHTML =
        '<input type="button"  value="&nbsp;&nbsp;&nbsp;Manueller Ablauf&nbsp;&nbsp;&nbsp;" onclick="javascript:controlSingleShow(p2);">'
      document.getElementById("controlRightId").innerHTML =
        '<input type="button"  value="+1 sek Standzeit " onclick="javascript:controlSingleShow(p3);">'
    }
  }
  return
}



function startManuShow() {
  ueberblendung = false;
  auto = false
  for (ix=1 ;ix <= anzFenster ;ix++ ) {
    clearTimeout(t[ix]);
    prepPic(ix)
  }
  showManuInfo();
  showManuButtons();

  return
}

function showManuInfo () {
  if (document.getElementById){
    if (multi) {
      document.getElementById("picTitleId").innerHTML  = '&nbsp;';
      document.getElementById("infoLineId").innerHTML = hinweis_manu ;}
    else {
      if (switched) {
       infoLine  = hinweis_tableau;}
      else {
        if (infoZeile){
          bildNr = ss[1];
          bildStand = parseFloat(standzeit[ss[1]]/1000)
//          if (autoOri && bildStand > 0) {
          if (auto  && bildStand > 0) {
            infoLine  = 'Bild '+bildNr+' von '+anzahlBilder+'&nbsp;&nbsp;&nbsp;&nbsp;Bildstandzeit: '+Math.round(bildStand)+' Sek'
            if (ueberblendungOri) infoLine = infoLine + '&nbsp;&nbsp;&nbsp;&nbsp;Überblendzeit = '+ueberblendzeit[ss[1]]+' Sek.'
            if (ueberblendung) infoLine = infoLine + '&nbsp;&nbsp;&nbsp;&nbsp;Überblendzeit = '+ueberblendzeit[ss[1]]+' Sek.'

          }
          else {
            infoLine  = 'Bild '+bildNr+' von '+anzahlBilder;
          }
        }
        else {
          infoLine = '&nbsp;'
        }
      }
      document.getElementById("picTitleId").innerHTML  = titel[ss[1]];
      document.getElementById("infoLineId").innerHTML = infoLine  ;
    }
    document.getElementById("picTitleId").style.fontFamily = bildTitelSchriftArt;
    document.getElementById("picTitleId").style.color = bildTitelSchriftFarbe
    document.getElementById("picTitleId").style.fontSize = bildTitelSchriftGroesse

    document.getElementById("infoLineId").style.fontFamily = infoZeileSchriftArt;
    document.getElementById("infoLineId").style.color = infoZeileSchriftFarbe
    document.getElementById("infoLineId").style.fontSize = infoZeileSchriftGroesse
  }
  return
}

function showManuButtons () {
  if (document.getElementById && startStopModus){
    if (multi) {
      if (anzahlBilder > anzFenster) {
        p1 = 'zurueck'; p2 = 'fortsetzen';  p3 = 'weiter';
        document.getElementById("controlLeftId").innerHTML =
        '<input type="button" value="vorheriges Tableau" onclick="javascript:controlMultiShow(p1);" style="border-color:#FFffe0; border-style:outset; background-color:#c0c0c0;">'
        document.getElementById("controlStartId").innerHTML =
        '<input type="button" value="Automatik Ablauf" onclick="javascript:controlMultiShow(p2);" style="border-color:#FFffe0; border-style:outset; background-color:#c0c0c0;">'
        document.getElementById("controlRightId").innerHTML =
        '<input type="button" value="nächstes Tableau" onclick="javascript:controlMultiShow(p3);" style="border-color:#FFffe0; border-style:outset; background-color:#c0c0c0;">'
      }
      else {
        document.getElementById("controlLeftId").innerHTML =  ' ';
        document.getElementById("controlStartId").innerHTML =  ' ';
        document.getElementById("controlRightId").innerHTML = ' ';
      }
    }
    else {
      p1 = 'vorheriges'; p2 = 'fortsetzen'; p3 = 'naechstes';
      document.getElementById("controlLeftId").innerHTML =
        '<input type="button" value="&nbsp;vorheriges Bild&nbsp;" onclick="javascript:controlSingleShow(p1);" style="border-color:#FFffe0; border-style:outset; background-color:#c0c0c0;">'
      if (switched) {
        document.getElementById("controlStartId").innerHTML =
        '<input type="button" value="Zurück zum Tableau" onclick="javascript:clickOnButton=true;switchShow(bild[ss[1]]);" style="border-color:#FFffe0; border-style:outset; background-color:#c0c0c0;">'
      }
      else {
        document.getElementById("controlStartId").innerHTML =
        '<input type="button"  class=controlButton  value="Automatischer Ablauf" onclick="javascript:controlSingleShow(p2);" style="border-color:#FFffe0; border-style:outset; background-color:#c0c0c0;">'
      }
      document.getElementById("controlRightId").innerHTML =
        '<input type="button" value="&nbsp;&nbsp;&nbsp;&nbsp;nächstes Bild&nbsp;&nbsp;&nbsp;&nbsp;" onclick="javascript:controlSingleShow(p3);" style="border-color:#FFffe0; border-style:outset; background-color:#c0c0c0;">'
    }
  }
  return
}

function controlMultiShow(p) {
 if (p == 'anhalten'){
   for (i=1;i<=anzFenster;i++) {
      ss[i] = ss[i] - anzFenster;
      if (ss[i] < 1) ss[i] = letztesBild -  anzFenster + i;
    }
    auto=false;
    startManuShow();
 }

 if (p == 'fortsetzen'){
    auto=true;
    for (i=1 ;i<=anzFenster ; i++) {
      xx[i] = ss[i]
      standzeitOri[xx[i]] = standzeit[xx[i]]
      standzeit[xx[i]] = 0
    }
    startAutoShow();
    for (i=1 ;i <= anzFenster ;i++ ) {
      standzeit[xx[i]] = standzeitOri[xx[i]]
    }
 }
 if (p == 'zurueck'){
   for (i=1;i<=anzFenster;i++) {
      ss[i] = ss[i] - anzFenster;
      if (ss[i] < 1) ss[i] = letztesBild -  anzFenster + i;
    }
    auto=false;
    startManuShow();
 }
  if (p == 'weiter'){

    for (i=1;i<=anzFenster;i++) {

      ss[i] = ss[i] +anzFenster;
      if (ss[i]> letztesBild) ss[i] = i
    }
    auto=false;
    startManuShow();
 }
 return
}

function controlSingleShow(p){
  if (p == '-1s'){
    clearTimeout(t[1]);
    for (i = erstesBild; i <= letztesBild; i++) {
      standzeit[i] = standzeit[i] - 1000;
      if ( standzeit[i] < 1000)  standzeit[i]=1000;
      if ( standzeit[i] > 10000)  standzeit[i]=10000;
    }
    ss[1]  = ss[1]-1
  }

  if (p == 'vorheriges') {
     ss[1]=ss[1]-1;
  }


  if (p == 'anhalten'){
    auto=false;
    ss[1]=ss[1]-1;
    clearTimeout(t[1]);
  }

  if (p == 'fortsetzen') {
    auto=true;
    clearTimeout(t[1]);

  }
  if (p == '+1s'){
    clearTimeout(t[1]);
    for (i = erstesBild; i <= letztesBild; i++) {
      standzeit[i] = standzeit[i]+1000;
      if ( standzeit[i] < 1000)  standzeit[i]=1000;
      if ( standzeit[i] > 10000)  standzeit[i]=10000;
    }
    ss[1]=ss[1]-1;
  }
  if (p == 'naechstes') {
    ss[1]=ss[1]+1;
  }
  if (ss[1]  >  letztesBild) ss[1] = 1;
  if (ss[1] <= 0) ss[1] = letztesBild;

  if (auto){
    xx[1] = ss[1]
    standzeitOri[ss[1]] = standzeit[ss[1]]
    standzeit[ss[1]] = 0
    startAutoShow();
    standzeit[xx[1]] = standzeitOri[xx[1]]
  }
  else {

    startManuShow();
  }
return
}

function prepPic(p) {
  getPicNumber(p);
  bildDrehen(p);
  if (auto) showAutoInfo();
  if (bildRahmen) definePicBorder(p)
  picSound(p);
  showPic(p)


}

function showPic(p){

  var notfound = true;
  var pic =new Array();

  if (document.all) {
    pic[p] = eval('document.all.bildId'+p+'');
  }

  k = ss[p];
  if (images[k].src.indexOf("notloaded") != -1) images[k].src = bild[k];
  if (document.all && pic[p].filters && ueberblendung && ueberblendart[k] >= 0){
    pic[p].style.filter=transitions[ueberblendart[k]];
    pic[p].filters[0].duration = ueberblendzeit[k]
    pic[p].filters[0].Apply();
    pic[p].src = images[k].src;
    pic[p].filters[0].Play();
/*    if (ueberblendart[k] == -1) {
      pic[p].style.filter="blendTrans()";
      pic[p].filters.blendTrans.duration = ueberblendzeit[k];
      pic[p].filters.blendTrans.Apply();
      pic[p].src = images[k].src;
      pic[p].filters.blendTrans.Play();}
    else {
      pic[p].style.filter="revealTrans(1)";
      pic[p].filters["revealTrans"].transition = ueberblendart[k];
      pic[p].filters["revealTrans"].duration = ueberblendzeit[k];
      pic[p].filters["revealTrans"].apply();
      pic[p].src = images[k].src;
      pic[p].filters["revealTrans"].play();
    }      */
  }
  else{
    pic[p] = eval('document.bildId'+p+'');
    pic[p].src = images[k].src;
  }

  if (auto){

    pause = standzeit[k] + ueberblendzeit[k]*1000
    t[p]  = setTimeout('prepPic('+p+')' ,pause) ;
    if (!bildParams)
    {
    ss[p] = ss[p] + 1;
    if (ss[p] >  letztesBild) ss[p] = 1;
    }
  }

 //Lade nächstes Bild, falls nicht schon geladen
  for (k = erstesBild; k <= letztesBild; k++ ) {
    if (bildFenster[k] == p) {
      if (images[k].src.indexOf("notloaded") != -1) {
        images[k].src = bild[k];
        break;
      }
    }
  }
  return
}

function switchShow(pic){
  var fensterNr;

  if (multi) {
    for (i=1 ;i <= anzFenster ;i++ ) {
      clearTimeout(t[i]);
    }
   for (i=anzZeilen; i>=1;i--){
         removeTableRow(i)
    }
    for (i=1; i<= letztesBild; i++){
      if (bild[i] == pic){
        ss[1] = i ;
        break;
      }
    }
    if (galerie) {
      newShow(ss[1])
      return
    }

    if (autoOri || auto) {
      ss[1] = ss[1] - 1;
      if (ss[1] <= 0) ss[1] = letztesBild;
    }
    auto = false
    multi = false
    switched = true;
    anzZeilen = 1;
    anzSpalten = 1;
    anzFenster = 1;


    ladeVariableParameter();
    showTableau();
    startManuShow();

  }
  else {
    if (clickOnButton) {
      clickOnButton = false;
      switched = false;
      for (i=anzZeilen; i>=1;i--){
         removeTableRow(i)
      }
      auto = autoOri;
      multi = multiOri;
      anzSpalten = anzSpaltenOri;
      anzZeilen = anzZeilenOri;
      anzFenster = anzSpalten * anzZeilen;
      diaNr = ss[1];

      ladeVariableParameter();
      for (i=1 ;i<=anzFenster ; i++) {
        if (auto) {
          ss[i] = anzFenster * parseInt(diaNr/anzFenster) + i
          xx[i] = ss[i]
          standzeitOri[xx[i]] = standzeit[xx[i]]
          standzeit[xx[i]] = 0
        }
        else {
          ss[i] = anzFenster * parseInt(diaNr/anzFenster) + i //- anzFenster
        }
      }
      showTableau()
      if (auto) {
         startAutoShow();
      }
      else {
        startManuShow()
      }
    }
    else {
    //Klick auf das Bild
     if (!auto) {
       ladeVariableParameter();
       auto = true
       xx[1] = ss[1]
       standzeitOri[ss[1]] = standzeit[ss[1]]
       standzeit[ss[1]] = 0
       startAutoShow();
       standzeit[xx[1]] = standzeitOri[xx[1]]
     }

     if  (!startStopModus && auto) {
       auto = false;
       ss[1] = ss[1] - 1;
       if (ss[1] <= 0) ss[1] = letztesBild;
       startManuShow();
     }

    }
  }
  return
}

function newShow(p) {
 for (i = erstesBild; i  <= letztesBild; i ++){
    bild[i] = null
    standzeit[i]=null
    titel[i]=null
    drehen[i]=null
    ueberblendart[i]=null
    ueberblendzeit[i]=null
    sound[i]=null;
    messages[i]=null
  }
  if (p == 0) {
    for (i=1 ;i <= anzFenster ;i++ ) {
      clearTimeout(t[i]);
    }
    for (i=anzZeilen; i>=1;i--){
         removeTableRow(i)
    }
  }
  else {
    galerie = false
  }
  if (document.getElementById) {
      document.getElementById("pageTitleId").innerHTML = '&nbsp';
      document.getElementById("picTitleId").innerHTML  = '&nbsp;';
      document.getElementById("infoLineId").innerHTML = '&nbsp'; ;
     // document.getElementById("galeryButtonId").innerHTML = '&nbsp';
      document.getElementById("bgSoundId").innerHTML  = ''
      removeShadowedBox();
  }
  hideMsg()
  setDefaults(0);
  eval('show_'+p+'()');
  setDefaults(1);
  ladeBildParameter();
  ladeVariableParameter();
  lastSound = ''
  ladeBilder();
  newShowStarted = true;
  startShow();
  if (p > 0) {
   //if (document.getElementById)document.getElementById("galeryButtonId").innerHTML =
   //   '<a href="#" onClick="JavaScript:newShow(0)"><img  src=./home.gif border = 0 ></a>' ;
  }
return
}



var msgFollowMouse = true;
var msgWidth = "200px";
var offsetX = 20;
var offsetY = 20;
var msgFontFamily= "Verdana, arial, helvetica, sans-serif";
var msgFontSize = "11px";
var msgFontColor = "#000000";
var msgBgColor = "#ffffe0";
var msgBorderColor = "#000080";
var msgBorderWidth = "3px";
var msgPadding = 2;

var msg
function initMsg() {
  msg =  document.getElementById('msgId')
  msg.style.width = msgWidth;
  msg.style.backgroundColor = msgBgColor;
  msg.style.borderColor = msgBorderColor;
  msg.style.borderWidth = msgBorderWidth;
  msg.style.padding = msgPadding;
  if (msg && msgFollowMouse) {
    document.onmousemove = trackMouse;
  }
 hideMsg();
}

var msgOn = false;
function showMsg(num) {
  if (!msg) return;
  if (!messages[num]) return
  msgOn = true;
  message = '<table width="'+msgWidth+'"><tr><td align="center" width="100%"><span style="font-family:'+msgFontFamily+'; font-size:'+msgFontSize + '; color:'+msgFontColor+';">'+messages[num]+'</span></td></tr></table>';
  msg.innerHTML = message;
  positionMsg();
  msg.style.visibility='visible'
}

var mouseX, mouseY;
function trackMouse() {
  mouseX =  window.event.clientX + document.body.scrollLeft;
  mouseY =   window.event.clientY + document.body.scrollTop;
  if (msgOn) positionMsg();
}

function positionMsg() {
  mouseX = window.event.clientX + document.body.scrollLeft;
  mouseY = window.event.clientY + document.body.scrollTop;
  messWidth =  msg.offsetWidth;
  messHeight =  msg.offsetHeight;
  winWidth = document.body.clientWidth+document.body.scrollLeft;
  winHeight = document.body.clientHeight+document.body.scrollTop;
  if ((mouseX + offsetX + messWidth) > winWidth) {
    msg.style.left = mouseX - (messWidth + offsetX)+"px";
  }
  else {
    msg.style.left = mouseX + offsetX + "px";
  }
  if ((mouseY  +offsetY + messHeight) > winHeight){
    msg.style.top = winHeight-(messHeight + offsetY)+"px";
  }
  else {
    msg.style.top =  mouseY + offsetY + "px";
  }
}

function hideMsg() {
  if (!msg) return;
  msg.style.visibility='hidden'
  msgOn = false;
}

function createShadowedBox() {
  tab = document.getElementById("pageId")
  tab.style.borderTop = "black 1px solid";
  tab.style.borderBottom = "black 1px solid";
  tab.style.borderRight =  "black 1px solid";
  tab.style.borderLeft = "black 1px solid";
  tab.style.paddingTop = "20px"
  tab.style.paddingBottom = "5px"
  tab.style.paddingLeft = "5px"
  tab.style.paddingRight = "5px"
  tab.style.filter = "progid:DXImageTransform.Microsoft.shadow(color='#888888', Direction=135,  Strength=32)";

}
function removeShadowedBox () {
  tab = document.getElementById("pageId")
  tab.style.borderTop = "black 0px solid";
  tab.style.borderBottom = "black 0px solid";
  tab.style.borderRight =  "black 0px solid";
  tab.style.borderLeft = "black 0px solid";
  tab.style.paddingTop = "0px"
  tab.style.paddingBottom = "0px"
  tab.style.paddingLeft = "0px"
  tab.style.paddingRight = "0px"
  tab.style.filter = ""
}