/* Dynamische Verwaltung fuer Galerien */

var Galerie;

Galerie=new Array();

/* Funktion zum Anzeigen */

function showPic() {
  var pageurl;
  var querystring;
  var i;
  var linktext;

  pageurl=document.URL.split("?")[0];
  querystring=document.URL.split("?")[1];
  if (querystring) querystring=querystring.split("#")[0];
  
  document.writeln("<a name=\"galerie\" id=\"galerie\"\/>");

  if (querystring=="list") {

    document.writeln("<ul>");

    for (i=0; i<Galerie.length; i++) {
      document.write("<li><a href=\"" + pageurl + "?" + Galerie[i].src + "#galerie\" class=\"galerie\">");
      if (Galerie[i].alt!="") {
        linktext = Galerie[i].alt;
      }
      else {
        linktext = Galerie[i].src;
      }
      if (linktext.length>70) {
        linktext = linktext.substring(0,67) + "...";
      }
      document.writeln(linktext + "<\/a><\/li>");
    }
    document.writeln("<li><a href=\"" + pageurl + "?all#galerie\" class=\"galerie\">Alle Bilder (eventuell lange Ladezeit)<\/a><\/li>");

    document.writeln("<\/ul>");

  }

  else if (querystring=="all") {

    document.writeln("<table>");

    for (i=0; i<Galerie.length; i++) {
      document.write("<tr><td><a href=\"" + pageurl + "?" + Galerie[i].src + "#galerie\" class=\"image\"><img src=\"" + Galerie[i].src + "\" alt=\"" + Galerie[i].src + "\"\ class=\"galeriebild\"/><\/a><\/td><td>" + Galerie[i].alt);
      if (Galerie[i].URL!="") {
        document.write("<br/><a href=\"" + Galerie[i].URL + "\" class=\"extern\">" + Galerie[i].URL + "<\/a>");
      }
      document.writeln("<\/td><\/tr>");
    }

    document.writeln("<\/table>");

  }

  else {

    for (i=0; i<Galerie.length-1; i++) {
      if (Galerie[i].src==querystring) {
        break
      }
    }

    if (Galerie[i].src!=querystring) {
      i=0;
    }


    document.write("<p style=\"text-align:center\"><img src=\"" + Galerie[i].src + "\" alt=\"" + Galerie[i].src + "\" id=\"galerieimg\" class=\"galeriebild\" \/><br\/><span id=\"galeriealt\">");
    if (Galerie[i].alt!="") {
      document.write(Galerie[i].alt);
    }
    else {
      document.write("&nbsp;");
    }
    document.write("<\/span>");
    if (Galerie[i].URL!="") {
      document.write("<br id=\"galerieurlbr\" style=\"display:inline\"\/><a href=\"" + Galerie[i].URL + "\" class=\"extern\" id=\"galerieurl\" style=\"display:inline\">" + Galerie[i].URL + "<\/a>");
    }
    else {
      document.write("<br id=\"galerieurlbr\" style=\"display:none\"\/><a href=\"\" class=\"extern\" id=\"galerieurl\" style=\"display:none\">&nbsp;<\/a>");
    }
    document.writeln("<\/p>");


    document.write("<div class=\"navigation\"><table><tr>");

    if (i>0) {
      if (!document.getElementById("galerie")) {
        document.write("<td width=\"40%\"><a href=\"" + pageurl + "?" + Galerie[i-1].src + "#galerie\" class=\"galerie\">&lt;&lt;");
      }
      else {
        document.write("<td width=\"40%\"><a href=\"javascript:switchPic(" + (i-1) + ");\" class=\"galerie\" id=\"galerieprev\" style=\"display:inline\">&lt;&lt;");
      }
      if (Galerie[i-1].alt!="") {
        linktext = Galerie[i-1].alt;
      }
      else {
        linktext = Galerie[i-1].src;
      }
      if (linktext.length>30) {
        linktext = linktext.substring(0,27) + "...";
      }
      document.writeln(linktext + "<\/a><\/td>");
    }
    else {
      document.writeln("<td width=\"40%\"><a href=\"\" class=\"galerie\" id=\"galerieprev\" style=\"display:none\">&nbsp;<\/a><\/td>");
    }

    document.write("<td width=\"20%\"><a href=\"" + pageurl + "?list#galerie\" class=\"galerie\">(Liste)<\/a>");
    document.writeln("<\/td>");

    if (i<Galerie.length-1) {
      if (!document.getElementById("galerie")) {
        document.write("<td width=\"40%\"><a href=\"" + pageurl + "?" + Galerie[i+1].src + "#galerie\" class=\"galerie\">");
      }
      else {
        document.write("<td width=\"40%\"><a href=\"javascript:switchPic(" + (i+1) + ");\" class=\"galerie\" id=\"galerienext\" style=\"display:inline\">");
      }
      if (Galerie[i+1].alt!="") {
        linktext = Galerie[i+1].alt;
      }
      else {
        linktext = Galerie[i+1].src;
      }
      if (linktext.length>30) {
        linktext = linktext.substring(0,27) + "...";
      }
      document.writeln(linktext + "&gt;&gt;<\/a><\/td>");
    }
    else {
      document.writeln("<td width=\"40%\"><a href=\"\" class=\"galerie\" id=\"galerienext\" style=\"display:none\">&nbsp;<\/a><\/td>");
    }

    document.writeln("<\/tr><\/table><\/div>");
  }

}

/* Funktion zum Austauschen des Bildes */

function switchPic(i) {

  with(document.getElementById("galerieimg")) {
    src = Galerie[i].src;
    alt = replaceEntities(Galerie[i].alt);
  }

  with (document.getElementById("galeriealt")) {
    replaceChild(document.createTextNode(replaceEntities(Galerie[i].alt)), firstChild);
  }

  if (Galerie[i].URL!="") {
    with (document.getElementById("galerieurlbr")) {
      style.display = "inline";
    }
    with (document.getElementById("galerieurl")) {
      href = Galerie[i].URL;
      style.display ="inline";
      replaceChild(document.createTextNode(Galerie[i].URL), firstChild);
    }
  }
  else {
    with (document.getElementById("galerieurlbr")) {
      style.display = "none";
    }
    with (document.getElementById("galerieurl")) {
      style.display = "none";
    }
  }

  if (i>0) {
    with (document.getElementById("galerieprev")) {
	href = "javascript:switchPic(" + (i-1) + ");"
	style.display = "inline";

        if (Galerie[i-1].alt!="") {
          linktext = replaceEntities(Galerie[i-1].alt);
        }
        else {
          linktext = Galerie[i-1].src;
        }
        if (linktext.length>30) {
          linktext = linktext.substring(0,27) + "...";
        }

        replaceChild(document.createTextNode(lt() + lt() + linktext), firstChild);
    }
  }
  else {
    with (document.getElementById("galerieprev")) {
      style.display = "none";
    }
  }

  if (i<Galerie.length-1) {
    with (document.getElementById("galerienext")) {
	href = "javascript:switchPic(" + (i+1) + ");"
	style.display = "inline";

        if (Galerie[i+1].alt!="") {
          linktext = replaceEntities(Galerie[i+1].alt);
        }
        else {
          linktext = Galerie[i+1].src;
        }
        if (linktext.length>30) {
          linktext = linktext.substring(0,27) + "...";
        }

        replaceChild(document.createTextNode(linktext + gt() + gt()), firstChild);
    }
  }
  else {
    with (document.getElementById("galerienext")) {
      style.display = "none";
    }
  }
}

/* Bild hinzufuegen */

function addPic(src, alt, URL) {

  Galerie[Galerie.length] = new galerieEintrag(src, alt, URL);

}

/* Klasse "galerieEintrag" fuer Galerie definieren */

function galerieEintrag(src, alt, URL)
{
  /* Eigenschaften */
  this.src = src;
  this.alt = alt;
  this.URL = URL;
}