function get_all_elements ()
 {div00 = get_element ('div00_id');
  img00 = get_element ('img00_id');
  div01 = get_element ('div01_id');
  img01 = get_element ('img01_id');
  div02 = get_element ('div02_id');
  img02 = get_element ('img02_id');

  img1x = new Array (get_element('img10_id'), get_element('img11_id'), get_element('img12_id'), get_element('img13_id'), get_element('img14_id'), get_element('img15_id'), get_element('img16_id'), get_element('img17_id'), get_element('img18_id'), get_element('img19_id'), get_element('img20_id'), get_element('img21_id'), get_element('img22_id'), get_element('img23_id'), get_element('img24_id'), get_element('img25_id'), get_element('img26_id'), get_element('img27_id'), get_element('img28_id'), get_element('img29_id'));
  div1x = new Array (get_element('div10_id'), get_element('div11_id'), get_element('div12_id'), get_element('div13_id'), get_element('div14_id'), get_element('div15_id'), get_element('div16_id'), get_element('div17_id'), get_element('div18_id'), get_element('div19_id'), get_element('div20_id'), get_element('div21_id'), get_element('div22_id'), get_element('div23_id'), get_element('div24_id'), get_element('div25_id'), get_element('div26_id'), get_element('div27_id'), get_element('div28_id'), get_element('div29_id'));
  div1xa = new Array (get_element('div10a_id'), get_element('div11a_id'), get_element('div12a_id'), get_element('div13a_id'), get_element('div14a_id'), get_element('div15a_id'), get_element('div16a_id'), get_element('div17a_id'), get_element('div18a_id'), get_element('div19a_id'), get_element('div20a_id'), get_element('div21a_id'), get_element('div22a_id'), get_element('div23a_id'), get_element('div24a_id'), get_element('div25a_id'), get_element('div26a_id'), get_element('div27a_id'), get_element('div28a_id'), get_element('div29a_id'));
  div1xb = new Array (get_element('div10b_id'), get_element('div11b_id'), get_element('div12b_id'), get_element('div13b_id'), get_element('div14b_id'), get_element('div15b_id'), get_element('div16b_id'), get_element('div17b_id'), get_element('div18b_id'), get_element('div19b_id'), get_element('div20b_id'), get_element('div21b_id'), get_element('div22b_id'), get_element('div23b_id'), get_element('div24b_id'), get_element('div25b_id'), get_element('div26b_id'), get_element('div27b_id'), get_element('div28b_id'), get_element('div29b_id'));
  img2x = new Array (get_element('img30_id'), get_element('img31_id'), get_element('img32_id'), get_element('img33_id'), get_element('img34_id'), get_element('img35_id'), get_element('img36_id'), get_element('img37_id'), get_element('img38_id'), get_element('img39_id'), get_element('img40_id'), get_element('img41_id'), get_element('img42_id'), get_element('img43_id'), get_element('img44_id'), get_element('img45_id'), get_element('img46_id'), get_element('img47_id'), get_element('img48_id'), get_element('img49_id'));
  div2x = new Array (get_element('div30_id'), get_element('div31_id'), get_element('div32_id'), get_element('div33_id'), get_element('div34_id'), get_element('div35_id'), get_element('div36_id'), get_element('div37_id'), get_element('div38_id'), get_element('div39_id'), get_element('div40_id'), get_element('div41_id'), get_element('div42_id'), get_element('div43_id'), get_element('div44_id'), get_element('div45_id'), get_element('div46_id'), get_element('div47_id'), get_element('div48_id'), get_element('div49_id'));
  div2xa = new Array (get_element('div30a_id'), get_element('div31a_id'), get_element('div32a_id'), get_element('div33a_id'), get_element('div34a_id'), get_element('div35a_id'), get_element('div36a_id'), get_element('div37a_id'), get_element('div38a_id'), get_element('div39a_id'), get_element('div40a_id'), get_element('div41a_id'), get_element('div42a_id'), get_element('div43a_id'), get_element('div44a_id'), get_element('div45a_id'), get_element('div46a_id'), get_element('div47a_id'), get_element('div48a_id'), get_element('div49a_id'));
  div2xb = new Array (get_element('div30b_id'), get_element('div31b_id'), get_element('div32b_id'), get_element('div33b_id'), get_element('div34b_id'), get_element('div35b_id'), get_element('div36b_id'), get_element('div37b_id'), get_element('div38b_id'), get_element('div39b_id'), get_element('div40b_id'), get_element('div41b_id'), get_element('div42b_id'), get_element('div43b_id'), get_element('div44b_id'), get_element('div45b_id'), get_element('div46b_id'), get_element('div47b_id'), get_element('div48b_id'), get_element('div49b_id'));

  tab1 = get_element ('tab1_id');
  tab2 = get_element ('tab2_id');
  but1 = get_element ('but1_id');
  but2 = get_element ('but2_id');
  frm = get_element ('frm_id');
  sel = get_element ('sel_id');
  txt0 = get_element ('txt0_id');
  txt1 = get_element ('txt1_id');
  txt2 = get_element ('txt2_id');

  init = true;}

pos1 = new Array (0, -138, -276, -414, -552, -690, -828, -966, -1104);  // aktuelle horizontale Position #1 - #9
pos2 = new Array (0, -138, -276, -414, -552, -690, -828, -966, -1104);  // aktuelle vertikale Position #1 - #9

zeit = 1;           // zeitliche Verzögerung
schritt = 1;        // Schrittweite
bilder1 = 8;        // Anzahl der Bilder
bilder2 = 4;        // Anzahl der Bilder
bild1 = 8;          // nächstes Bild horizontal
bild2 = 4;          // nächstes Bild vertikal
breite = 830;       // Seitenbreite
hoehe = 410;        // Seitenhöhe
links = 450;        // Position links
oben1 = 350;        // Position #1 oben2
oben2 = 120;        // Position #2 oben2
grund1 = 137;       // Hintergrund horizontal
grund2 = 137;       // Hintergrund vertikal
show = 1;           // Dia-Show-Schalter
index = 1;          // Film-Schalter
init = false;       // Initialisierung
laden = true;       // Ladezustand
prozent = 0;        // Ladezustand
text1 = "stoppen";  // Schalter-Text #1/1
text2 = "starten";  // Schalter-Text #1/2
text3 = "stoppen";  // Schalter-Text #2/1
text4 = "starten";  // Schalter-Text #2/2

function set_position (form, txt)
 {if (form == 1)
   {div00.style.left = Math.floor ((links - 275) / 2) + "px";
    if (oben1 >= 370)
     {div00.style.top = Math.floor ((oben1 - 130) / 2) + "px";
      if (txt != ">>LEER<<")
       {txt0.firstChild.nodeValue = txt;}}
    else
     {div00.style.top = Math.floor ((oben1 - 100) / 2) + "px";
      txt0.firstChild.nodeValue = "";}
    txt0.style.left = Math.floor (((links - 275) / 2) - 20) + "px";
    txt0.style.top = Math.floor (((oben1 - 130) / 2) + 210) + "px";
    txt0.style.width = "320px";
    txt0.style.height = "40px";}
  else
   {div00.style.top = "120px";
    if (oben1 >= 370)
     {div00.style.left = Math.floor ((links - 265) / 2) + "px";
      if (txt != ">>LEER<<")
       {txt0.firstChild.nodeValue = txt;}}
    else
     {div00.style.left = Math.floor ((links - 210) / 2) + "px";
      txt0.firstChild.nodeValue = "";}
    txt0.style.left = Math.floor (((links - 265) / 2) + 215) + "px";
    txt0.style.top = Math.floor (((oben1 - 130) / 2) + 80) + "px";
    txt0.style.width = (links - Math.floor (((links - 265) / 2) + 215) - 20) + "px";
    txt0.style.height = "150px";}}

function switch_image (id1, id2, form)
 {var img1 = get_element(id1);
  var img2 = get_element(id2);

  if (img2.src != img1.src)
   {img2.src = img1.src;
    img2.alt = img1.alt;
    img2.title = img1.title;

    if (form == 1)
     {img2.style.width = "275px";
      img2.style.height = "200px";
      div00.style.height = "204px";}
    else
     {img2.style.width = "200px";
      img2.style.height = "275px";
      div00.style.height = "279px";}
    set_position (form, img2.title);}}

function switch_index (nr)
 {if (nr == 1)
   {var idx1 = 3;
    var idx2 = 1;
    index = 1;}
  else
   {var idx1 = 1;
    var idx2 = 3;
    index = 2;}

  for (var i = 0; i <= 14; i++)
   {div01.style.zIndex = idx1;
    img01.style.zIndex = idx1;
    div1x[i].style.zIndex = idx1 + 1;
    div1xa[i].style.zIndex = idx1 + 1;
    div1xb[i].style.zIndex = idx1 + 1;
    div02.style.zIndex = idx2;
    img02.style.zIndex = idx2;
    div2x[i].style.zIndex = idx2 + 1;
    div2xa[i].style.zIndex = idx2 + 1;
    div2xb[i].style.zIndex = idx2 + 1;}}

function init_moving ()
 {get_all_elements ();
  breite = get_page_width ();
  hoehe = get_page_height ();

  if (hoehe < 500)
    {oben1 = 350;}
  else
   {if (hoehe < 565)
     {oben1 = hoehe - 150;}
    else
     {oben1 = 415;}}

  if (breite < 760)
   {hoehe = hoehe - 110;
    oben2 = 120;
    links = 400;}
  else
   {switch_index (1);
    oben2 = 10;
    if (breite < 800)
     {links = 400;}
    else
     {if (breite < 950)
       {links = breite - 400;}
     else
       {links = Math.floor (breite / 2);}}}

  if (img00.style.height == "275px")
   {set_position (2, ">>LEER<<");}
  else
   {set_position (1, ">>LEER<<");}

  div01.style.width = (breite - 15) + "px";
  div01.style.top = oben1 + "px";
  div02.style.height = (hoehe - 15) + "px";
  div02.style.left = links + "px";
  div02.style.top = oben2 + "px";

  tab1.style.height = (oben1 - 250) +"px";
  tab2.style.width = (links + 320) +"px";

  bilder1 = Math.ceil (breite / 138) + 1;
  if (bilder1 > 14)
   {bilder1 = 14;}
  bild1 = bilder1 - 1;
  bilder2 = Math.ceil (hoehe / 138) + 1;
  if (bilder2 > 14)
   {bilder2 = 14;}
  bild2 = bilder2 - 1;

  if (grund1 < breite)
   {var rechts = 0;
    for (var i = 0; i <= 14; i++)
     {if (pos1[i] > rechts)
       {rechts = pos1[i];}}
    pos1[0] = rechts;
    grund1 = rechts + 137;}
  else
   {for (var i = 1; i <= 14; i++)
     {pos2[i] = -276;}
    pos2[0] = breite - 50;
    grund1 = breite;}

  if (grund2 < hoehe)
   {var unten = 0;
    for (var i = 0; i <= 14; i++)
     {if (pos2[i] > unten)
       {unten = pos2[i];}}
    pos2[0] = unten;
    grund2 = unten + 137;}
  else
   {for (var i = 1; i <= 14; i++)
     {pos2[i] = -276;}
    pos2[0] = hoehe - 50;
    grund2 = hoehe;}

  for (var i = 1; i <= 14; i++)
   {pos1[i] = pos1[i - 1] - 138;
    div1x[i].style.left = pos1[i] + "px";
    div1xa[i].style.left = (pos1[i] - 2) + "px";
    div1xb[i].style.left = (pos1[i] - 2) + "px";
    pos2[i] = pos2[i - 1] - 138;
    div2x[i].style.top = pos2[i] + "px";
    div2xa[i].style.top = (pos2[i] - 2) + "px";
    div2xb[i].style.top = (pos2[i] - 2) + "px";}

    if (zeit != 10000)
     {change_speed (frm.sel_tempo.options[frm.sel_tempo.selectedIndex].value);}
    get_images ();
    get_titles ();}

function change_speed (speed)
 {switch (speed)
   {case "1": zeit = 150;
              schritt = 1;
              break;
    case "2": zeit = 1;
              schritt = 1;
              break;
    case "3": zeit = 1;
              schritt = 2;
              break;
    case "4": zeit = 1;
              schritt = 5;
              break;
    default: zeit = 1;
             schritt = 1;
             break;}}

function start_show ()
 {show = 1;
  but1.href = "javascript: stopp_show();";
  but1.firstChild.nodeValue = "Dia-Show stoppen";
  text1 = "stoppen";
  text2 = "starten";
  if (zeit == 10000)
   {start_moving ();}}

function stopp_show ()
 {show = 0;
  but1.href = "javascript: start_show();";
  but1.firstChild.nodeValue = "Dia-Show starten";
  text1 = "starten";
  text2 = "stoppen";}

function start_moving ()
 {if (laden == false)
   {zeit = 1;
    change_speed (frm.sel_tempo.options[frm.sel_tempo.selectedIndex].value);
    run_moving ();
    but2.href = "javascript: stopp_moving();";
    but2.firstChild.nodeValue = "Bewegung stoppen";
    text3 = "stoppen";
    text4 = "starten";}}

function stopp_moving ()
 {if (laden == false)
   {zeit = 10000;
    but2.href = "javascript: start_moving();";
    but2.firstChild.nodeValue = "Bewegung starten";
    text3 = "starten";
    text4 = "stoppen";
    stopp_show ();}}

function run_moving ()
 {for (var i = 0; i <= (bilder1 - 1); i++)
   {if ((grund1 < breite) && (i == 0))
     {grund1 = grund1 + schritt;
      img01.style.width = grund1 - schritt + 1 + "px";}

    div1x[i].style.left = pos1[i] + "px";
    div1xa[i].style.left = (pos1[i] - 2) + "px";
    div1xb[i].style.left = (pos1[i] - 2) + "px";

    pos1[i] = pos1[i] + schritt;

    if (pos1[i] > (bilder1 - 1) * 138)
     {if (i > 0)
       {pos1[i] = pos1[i - 1] - 138;}
      else
       {pos1[i] = pos1[(bilder1 - 1)] - 138 + schritt;}
      bild1++;
      if (pic1x[bild1] == ">>ENDE<<")
       {bild1++;
        if ((show == 1) && (index == 1))
         {bild2 = -1;}}
      if (pic1x[bild1] == "<<ENDE>>")
       {bild1 = 0;}
      img1x[i].src = "./Afr-2004/" + pic1x[bild1] + ".jpg";
      img1x[i].alt = pic1x[bild1];
      img1x[i].title = txt1x[bild1];}

    if ((show == 1) && (index == 1) && (pos1[i] >= 100) && (pos1[i] <= 105))
     {switch_image (img1x[i].id, 'img00_id', 1);
      if (bild1 == 0)
       {switch_index (2);}}}

  for (var i = 0; i <= (bilder2 - 1); i++)
   {if ((grund2 < hoehe) && (i == 0))
     {grund2 = grund2 + schritt;
      img02.style.height = grund2 - schritt + 1 + "px";}

    div2x[i].style.top = pos2[i] + "px";
    div2xa[i].style.top = (pos2[i] - 2) + "px";
    div2xb[i].style.top = (pos2[i] - 2) + "px";

    pos2[i] = pos2[i] + schritt;

    if (pos2[i] > (bilder2 - 1) * 138)
     {if (i > 0)
       {pos2[i] = pos2[i - 1] - 138;}
      else
       {pos2[i] = pos2[(bilder2 - 1)] - 138 + schritt;}
      bild2++;
      if (pic2x[bild2] == ">>ENDE<<")
       {bild2++;
        if ((show == 1) && (index == 2))
         {bild1 = -1;}}
      if (pic2x[bild2] == "<<ENDE>>")
       {bild2 = 0;}
      img2x[i].src = "./Afr-2004/" + pic2x[bild2] + ".jpg";
      img2x[i].alt = pic2x[bild2];
      img2x[i].title = txt2x[bild2];}

    if ((show == 1) && (index == 2) && (pos2[i] >= 100) && (pos2[i] <= 105))
     {switch_image (img2x[i].id, 'img00_id', 2);
      if (bild2 == 0)
       {switch_index (1);}}}

  if (zeit != 10000)
   {setTimeout ("run_moving ()", zeit);}}

function switch_text (text)
 {if (laden == true)
   {switch (text)
     {case 1: txt1.className = "type1";
              txt1.firstChild.nodeValue = "Bitte haben Sie einen Moment Geduld !";
              setTimeout ("switch_text (2)", 2500);
              break;
      case 2: txt1.className = "type1";
              txt1.firstChild.nodeValue = "Die Bilder werden geladen ...";
              setTimeout ("switch_text (1)", 2500);
              break;
      default: txt1.className = "type2";
               txt2.className = "type4";
               txt1.firstChild.nodeValue = "Bei Verwendung eines langsamen Internet-Zugangs kann es zeitweilig zu Problemen bei der Darstellung der Bilder kommen !";
               txt2.firstChild.nodeValue = "";
               laden = false;
               break;}}}

function switch_status (proz)
 {if ((laden == true) && (init == true))
   {if (prozent < 100)
     {prozent = prozent + proz;}
    else
     {prozent = 100;}
    txt2.className = "type3";
    txt2.firstChild.nodeValue = prozent + " %";}}