function get_all_elements (page)
 {switch (page)
   {case 0: img00 = get_element ('img00_id');
            img00.src = "Mex-2006/Mex-2006-03.gif";
            break;
    case 1: img01 = get_element ('img01_id');
            img02 = get_element ('img02_id');
            img03 = get_element ('img03_id');
            img04 = get_element ('img04_id');
            break;
    case 2: div10 = get_element ('div10_id');
            img10 = get_element ('img10_id');
            div11 = get_element ('div11_id');
            img11 = get_element ('img11_id');
            div12 = get_element ('div12_id');
            img12 = get_element ('img12_id');
            div13 = get_element ('div13_id');
            div14 = get_element ('div14_id');
            div20 = get_element ('div20_id');
            img20 = get_element ('img20_id');
            div21 = get_element ('div21_id');
            img21 = get_element ('img21_id');
            div22 = get_element ('div22_id');
            img22 = get_element ('img22_id');
            div23 = get_element ('div23_id');
            div24 = get_element ('div24_id');
            txt1 = get_element ('txt1_id');
            txt2 = get_element ('txt2_id');
            txt3 = get_element ('txt3_id');
            txt4 = get_element ('txt4_id');
            button = get_element ('but_id');
            break;
    default: alert ('Es wurde keine gültige Seite definiert !');
             break;}

  init = true;}

x = 25;             // Mittelpunkt (x-Koordinate)
y = 245;            // Mittelpunkt (y-Koordinate)
xkorr = 0;          // Korrekturwert (x-Koordinate)
ykorr = 0;          // Korrekturwert (y-Koordinate)
abstand = 390;      // Abstand der Bilder
bild1 = 0;          // nächstes Bild horizontal
bild2 = 0;          // nächstes Bild vertikal
titel1 = 0;         // nächster Bildtitel horizontal
xpos10 = 0;         // aktuelle X-Position #10
ypos10 = 0;         // aktuelle Y-Position #10
xpos11 = 0;         // aktuelle X-Position #11
ypos11 = 0;         // aktuelle Y-Position #11
xpos12 = 0;         // aktuelle X-Position #12
ypos12 = 0;         // aktuelle Y-Position #12
xpos13 = 0;         // aktuelle X-Position #13
ypos13 = 0;         // aktuelle Y-Position #13
xpos14 = 0;         // aktuelle X-Position #14
ypos14 = 0;         // aktuelle Y-Position #14
xpos20 = 0;         // aktuelle X-Position #20
ypos20 = 0;         // aktuelle Y-Position #20
xpos21 = 0;         // aktuelle X-Position #21
ypos21 = 0;         // aktuelle Y-Position #21
xpos22 = 0;         // aktuelle X-Position #22
ypos22 = 0;         // aktuelle Y-Position #22
xpos23 = 0;         // aktuelle X-Position #23
ypos23 = 0;         // aktuelle Y-Position #23
xpos24 = 0;         // aktuelle X-Position #24
ypos24 = 0;         // aktuelle Y-Position #24
breite10 = 300;     // aktuelle Bildbreite #10
hoehe10 = 200;      // aktuelle Bildhöhe #10
breite11 = 300;     // aktuelle Bildbreite #11
hoehe11 = 200;      // aktuelle Bildhöhe #11
breite12 = 300;     // aktuelle Bildbreite #12
hoehe12 = 200;      // aktuelle Bildhöhe #12
breite20 = 200;     // aktuelle Bildbreite #20
hoehe20 = 300;      // aktuelle Bildhöhe #20
breite21 = 200;     // aktuelle Bildbreite #21
hoehe21 = 300;      // aktuelle Bildhöhe #21
breite22 = 200;     // aktuelle Bildbreite #22
hoehe22 = 300;      // aktuelle Bildhöhe #22
run10 = true;       // Bewegungsstatus #10
run11 = false;      // Bewegungsstatus #11
run12 = false;      // Bewegungsstatus #12
run20 = false;      // Bewegungsstatus #20
run21 = false;      // Bewegungsstatus #21
run22 = false;      // Bewegungsstatus #22
zeit = 5;           // zeitliche Verzögerung
pause = 500;        // Pause #1
warte = 0;          // Pause #2
schritt = 1.8;      // Schrittweite
faktor = 1;         // Verkleinerung der Bildhöhe
init = false;       // Initialisierung
laden = true;       // Ladezustand
prozent = 0;        // Ladezustand
text1 = "stoppen";  // Schalter-Text #1
text2 = "starten";  // Schalter-Text #2

function set_position (page)
 {if (navigator.appName == "Netscape")
   {var winwidth = window.innerWidth;
    var winheight = window.innerHeight;
    var y1 = 10;}
  else
   {var winwidth = document.body.offsetWidth;
    var winheight = document.body.offsetHeight;
    var y1 = 0;}

//  if (window.name != "OSEMainFrame" || top == self)
//   {var x1 = 0;}
//  else
//   {var x1 = 11;}

  switch (page)
   {case 0: if (get_element ('tab_id').style.width == "100%")
             {if ((winwidth < 800) || (winheight < 490))
               {img00.style.visibility = "hidden";}
              else
               {img00.style.left = winwidth - 570 + "px";
                img00.style.top = 270 + y1 + "px";
                img00.style.visibility = "visible";}}
            else
             {if (winheight < 465)
               {img00.style.visibility = "hidden";}
              else
               {img00.style.left = 398 + ((winwidth - 1032) / 2) + "px";
                img00.style.top = 240 + y1 + "px";
                img00.style.visibility = "visible";}}
            break;
    case 2: if (get_element ('tab_id').style.width == "100%")
             {xkorr = (winwidth - 750) / 2;}
            else
             {xkorr = 175 + ((winwidth - 1032) / 2);}
            if (xkorr < -10)
             {xkorr = -10;}
            break;
    default: alert ('Es wurde keine gültige Seite definiert !');
             break;}}

function check_position (page)
 {check_table ('tab_id', 950, 930);
  if (!init)
   {get_all_elements (page);}
  set_position (page);
  div10.style.left = x + xkorr + "px";
  div11.style.left = div10.style.left;
  div12.style.left = div10.style.left;
  div13.style.left = div10.style.left;
  div14.style.left = div10.style.left;
  div20.style.left = x + xkorr + abstand + "px";
  div21.style.left = div20.style.left;
  div22.style.left = div20.style.left;
  div23.style.left = div20.style.left;
  div24.style.left = div20.style.left;
  txt1.style.left = div10.style.left;
  txt2.style.left = div20.style.left;
  if (xkorr > 200)
   {txt3.style.width = "500px";}
  else if (xkorr > 0)
   {txt3.style.width = x + xkorr + abstand - 100;}
  else
   {txt3.style.width = "380px";}}

function change_speed (speed)
 {switch (speed)
   {case "1": zeit = 25;
              pause = 1000;
              break;
    case "2": zeit = 5;
              pause = 500;
              break;
    case "3": zeit = 1;
              pause = 1;
              break;
    default: zeit = 5;
             pause = 500;
             break;}}

function init_moving ()
 {bild1 = 2;
  bild2 = 0;
  titel1 = 0;
  get_images ();
  get_titles ();}

function start_moving ()
 {if (!laden)
   {zeit = 1;
    run_moving ();
    button.href = "javascript: stopp_moving();";
    button.firstChild.nodeValue = "Bewegung stoppen";
    text1 = "stoppen";
    text2 = "starten";}}

function stopp_moving ()
 {if (!laden)
   {zeit = 10000;
    button.href = "javascript: start_moving();";
    button.firstChild.nodeValue = "Bewegung starten";
    text1 = "starten";
    text2 = "stoppen";}}

function run_moving ()
 {if (warte == 0)
   {if ((run10) && (breite10 > 1))
     {div10.style.left = x + xkorr + xpos10 + "px";
      xpos10 = xpos10 + schritt;
      div10.style.top = y + ypos10 + "px";
      ypos10 = ypos10 + (0.2 * faktor);
      img10.style.width = breite10 + "px";
      breite10 = breite10 - 2.75;
      img10.style.height = hoehe10 + "px";
      hoehe10 = hoehe10 - (0.4 * faktor);
      if (breite10 < 120)
       {faktor = 10;}}
    else if ((!run11) && (!run12) && (!run20) && (!run21) && (!run22))
     {run10 = false;
      bild1++;
      if (pic1x[bild1] == "<<ENDE>>")
       {bild1 = 0;}
      bild2++;
      if (pic2x[bild2] == "<<ENDE>>")
       {bild2 = 0;}
      titel1++;
      if (txt1x[titel1] == "<<ENDE>>")
       {titel1 = 0;}
      div10.style.zIndex = 1;
      img10.style.width = 1 + "px";
      img10.style.height = 1 + "px";
      img10.style.visibility = "hidden";
      img10.src = "./Mex-2006/" + pic1x[bild1] + ".jpg";
      img10.alt = pic1x[bild1];
      img10.title = txt1x[bild1];
      txt1.firstChild.nodeValue = txt1x[titel1];
      txt2.firstChild.nodeValue = txt2x[bild2];
      div12.style.zIndex = 3;
      div12.style.left = x + xkorr + "px";
      div12.style.top = y + "px";
      img12.style.width = 300 + "px";
      img12.style.height = 200 + "px";
      img12.style.visibility = "visible";
      div11.style.zIndex = 5;
      img20.style.width = img10.style.width;
      img20.style.height = img10.style.height;
      img20.src = "./Mex-2006/" + pic2x[bild2] + ".jpg";
      img20.alt = pic2x[bild2];
      img20.title = txt2x[bild2];
      div20.style.zIndex = 5;
      div22.style.zIndex = 3;
      div21.style.zIndex = 1;
      run20 = true;
      xpos20 = xpos10;
      ypos20 = ypos10;
      breite20 = breite10;
      hoehe20 = hoehe10;
      warte = pause / 5;}}

  if ((run20) && (hoehe20 < 300))
   {div20.style.left = x + xkorr + 48 + xpos20 + "px";
    xpos20 = xpos20 + schritt - 0.45;
    div20.style.top = y - 2 + ypos20 + "px";
    ypos20 = ypos20 - 1.375;
    img20.style.width = breite20 + "px";
    breite20 = breite20 + 1.85;
    img20.style.height = hoehe20 + "px";
    hoehe20 = hoehe20 + 2.75;}
  else if ((!run10) && (!run11) && (!run12) && (!run21) && (!run22))
   {run20 = false;
    img20.style.width = 200 + "px";
    img20.style.height = 300 + "px";
    run11 = true;
    xpos11 = 0;
    ypos11 = 0;
    breite11 = 300;
    hoehe11 = 200;
    faktor = 1;
    warte = pause;}

  if (warte == 0)
   {if ((run11) && (breite11 > 1))
     {div11.style.left = x + xkorr + xpos11 + "px";
      xpos11 = xpos11 + schritt;
      div11.style.top = y + ypos11 + "px";
      ypos11 = ypos11 + (0.2 * faktor);
      img11.style.width = breite11 + "px";
      breite11 = breite11 - 2.75;
      img11.style.height = hoehe11 + "px";
      hoehe11 = hoehe11 - (0.4 * faktor);
      if (breite11 < 120)
       {faktor = 10;}}
    else if ((!run10) && (!run12) && (!run20) && (!run21) && (!run22))
     {run11 = false;
      bild1++;
      if (pic1x[bild1] == "<<ENDE>>")
       {bild1 = 0;}
      bild2++;
      if (pic2x[bild2] == "<<ENDE>>")
       {bild2 = 0;}
      titel1++;
      if (txt1x[titel1] == "<<ENDE>>")
       {titel1 = 0;}
      div11.style.zIndex = 1;
      img11.style.width = 1 + "px";
      img11.style.height = 1 + "px";
      img11.style.visibility = "hidden";
      img11.src = "./Mex-2006/" + pic1x[bild1] + ".jpg";
      img11.alt = pic1x[bild1];
      img11.title = txt1x[bild1];
      txt1.firstChild.nodeValue = txt1x[titel1];
      txt2.firstChild.nodeValue = txt2x[bild2];
      div10.style.zIndex = 3;
      div10.style.left = x + xkorr + "px";
      div10.style.top = y + "px";
      img10.style.width = 300 + "px";
      img10.style.height = 200 + "px";
      img10.style.visibility = "visible";
      div12.style.zIndex = 5;
      img21.style.width = img11.style.width;
      img21.style.height = img11.style.height;
      img21.src = "./Mex-2006/" + pic2x[bild2] + ".jpg";
      img21.alt = pic2x[bild2];
      img21.title = txt2x[bild2];
      div21.style.zIndex = 5;
      div20.style.zIndex = 3;
      div22.style.zIndex = 1;
      run21 = true;
      xpos21 = xpos11;
      ypos21 = ypos11;
      breite21 = breite11;
      hoehe21 = hoehe11;
      warte = pause / 5;}}

  if ((run21) && (hoehe21 < 300))
   {div21.style.left = x + xkorr + 48 + xpos21 + "px";
    xpos21 = xpos21 + schritt - 0.45;
    div21.style.top = y - 2 + ypos21 + "px";
    ypos21 = ypos21 - 1.375;
    img21.style.width = breite21 + "px";
    breite21 = breite21 + 1.85;
    img21.style.height = hoehe21 + "px";
    hoehe21 = hoehe21 + 2.75;}
  else if ((!run10) && (!run11) && (!run12) && (!run20) && (!run22))
   {run21 = false;
    img21.style.width = 200 + "px";
    img21.style.height = 300 + "px";
    run12 = true;
    xpos12 = 0;
    ypos12 = 0;
    breite12 = 300;
    hoehe12 = 200;
    faktor = 1;
    warte = pause;}

  if (warte == 0)
   {if ((run12) && (breite12 > 1))
     {div12.style.left = x + xkorr + xpos12 + "px";
      xpos12 = xpos12 + schritt;
      div12.style.top = y + ypos12 + "px";
      ypos12 = ypos12 + (0.2 * faktor);
      img12.style.width = breite12 + "px";
      breite12 = breite12 - 2.75;
      img12.style.height = hoehe12 + "px";
      hoehe12 = hoehe12 - (0.4 * faktor);
      if (breite12 < 120)
       {faktor = 10;}}
    else if ((!run10) && (!run11) && (!run20) && (!run21) && (!run22))
     {run12 = false;
      bild1++;
      if (pic1x[bild1] == "<<ENDE>>")
       {bild1 = 0;}
      bild2++;
      if (pic2x[bild2] == "<<ENDE>>")
       {bild2 = 0;}
      titel1++;
      if (txt1x[titel1] == "<<ENDE>>")
       {titel1 = 0;}
      div12.style.zIndex = 1;
      img12.style.width = 1 + "px";
      img12.style.height = 1 + "px";
      img12.style.visibility = "hidden";
      img12.src = "./Mex-2006/" + pic1x[bild1] + ".jpg";
      img12.alt = pic1x[bild1];
      img12.title = txt1x[bild1];
      txt1.firstChild.nodeValue = txt1x[titel1];
      txt2.firstChild.nodeValue = txt2x[bild2];
      div11.style.zIndex = 3;
      div11.style.left = x + xkorr + "px";
      div11.style.top = y + "px";
      img11.style.width = 300 + "px";
      img11.style.height = 200 + "px";
      img11.style.visibility = "visible";
      div10.style.zIndex = 5;
      img22.style.width = img12.style.width;
      img22.style.height = img12.style.height;
      img22.src = "./Mex-2006/" + pic2x[bild2] + ".jpg";
      img22.alt = pic2x[bild2];
      img22.title = txt2x[bild2];
      div22.style.zIndex = 5;
      div21.style.zIndex = 3;
      div20.style.zIndex = 1;
      run22 = true;
      xpos22 = xpos12;
      ypos22 = ypos12;
      breite22 = breite12;
      hoehe22 = hoehe12;
      faktor = 10;
      warte = pause / 5;}}

  if ((run22) && (hoehe22 < 300))
   {div22.style.left = x + xkorr + 48 + xpos22 + "px";
    xpos22 = xpos22 + schritt - 0.45;
    div22.style.top = y - 2 + ypos22 + "px";
    ypos22 = ypos22 - 1.375;
    img22.style.width = breite22 + "px";
    breite22 = breite22 + 1.85;
    img22.style.height = hoehe22 + "px";
    hoehe22 = hoehe22 + 2.75;}
  else if ((!run10) && (!run11) && (!run12) && (!run20) && (!run21))
   {run22 = false;
    img22.style.width = 200 + "px";
    img22.style.height = 300 + "px";
    run10 = true;
    xpos10 = 0;
    ypos10 = 0;
    breite10 = 300;
    hoehe10 = 200;
    faktor = 1;
    warte = pause;}

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

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

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