﻿// JScript File
        var description;       
        var thumbnailarea;
        var thumbnails;
        var bildbereich;
        var zeige = "a0";
        function unwrap(id)
        {
         var i = 0;
          while(i < thumbnails.length){
          if("a" + i != id){
            thumbnails[i].style.cssText = "cursor:pointer; vertical-align:middle;margin-bottom:15px;";
            }
            i++;
          } 
        }
        //Blauen Rahmen auch beim Klicken versetzen
        function activatethumbs(xmlid)
        {
         bildbereich = getElement("id", "bigpic");
         thumbnailarea = getElement("id","thumbnailarea");
         thumbnails = thumbnailarea.getElementsByTagName("img");
         thumbnails[xmlid].style.cssText = "cursor:pointer; vertical-align:middle;margin-bottom:15px; border-style:solid; border-color:#0000aa; border-width:1px;";
         var SmallpicsPath = getElement("id",xmlid).src;
         var BigpicsPath = SmallpicsPath.replace(/smallpics/, "bigpics");
         bildbereich.src = BigpicsPath;
         getsize(xmlid);
         unwrap(xmlid);
         }
        //1.Aktives Bild festlegen
        function startthumb()
        {
          getElement("id",("a0")).style.cssText = "cursor:pointer; vertical-align:middle;margin-bottom:15px; border-style:solid; border-color:#0000aa; border-width:1px;";
        }
        //Blättern
        function Blaettern (Richtung) 
        {
          description = getElement("id","description1");
          thumbnailarea = getElement("id","thumbnailarea");
          bildbereich = getElement("id", "bigpic");
          thumbnails = thumbnailarea.getElementsByTagName("img");
            zeige = parseInt(zeige.substr(1, 2),10) + Richtung;
            //Regelungen an den jeweiligen Enden der Thumbnails
            if (zeige > thumbnails.length - 1) 
            {
            zeige = 0;
            } 
            else if (zeige < 0) 
            {
            zeige = thumbnails.length - 1;
            }
          zeige = "a" + zeige;
          var SmallpicsPath = getElement("id",zeige).src;
          var BigpicsPath = SmallpicsPath.replace(/smallpics/, "bigpics");
          bildbereich.src = BigpicsPath;
          description.innerHTML = getElement("id",zeige).alt;
          getElement("id",zeige).style.cssText = "cursor:pointer; vertical-align:middle;margin-bottom:15px; border-style:solid; border-color:#0000ff; border-width:1px;";
          getsize(zeige);          
          //blauer Rahmen nur am aktiven Bild
          unwrap(zeige);
         }
         function getsize(sizeId)
         {
          bildbereich = getElement("id", "bigpic");
          if (getElement("id",sizeId).width=='47')
          {
          bildbereich.width='225';
          bildbereich.height='300';
          }
          else
          {
          bildbereich.width='400';
          bildbereich.height='300';
          }
         }

/* DHTML-Bibliothek */

var DHTML = false, DOM = false, MSIE4 = false, NS4 = false, OP = false;

if (document.getElementById) {
  DHTML = true;
  DOM = true;
} else {
  if (document.all) {
    DHTML = true;
    MSIE4 = true;
  } else {
    if (document.layers) {
      DHTML = true;
      NS4 = true;
    }
  }
}
if (window.opera) {
  OP = true;
}

function getElement (Mode, Identifier, ElementNumber) {
  var Element, ElementList;
  if (DOM) {
    if (Mode.toLowerCase() == "id") {
      Element = document.getElementById(Identifier);
      if (!Element) {
        Element = false;
      }
      return Element;
    }
    if (Mode.toLowerCase() == "name") {
      ElementList = document.getElementsByName(Identifier);
      Element = ElementList[ElementNumber];
      if (!Element) {
        Element = false;
      }
      return Element;
    }
    if (Mode.toLowerCase() == "tagname") {
      ElementList = document.getElementsByTagName(Identifier);
      Element = ElementList[ElementNumber];
      if (!Element) {
        Element = false;
      }
      return Element;
    }
    return false;
  }
  if (MSIE4) {
    if (Mode.toLowerCase() == "id" || Mode.toLowerCase() == "name") {
      Element = document.all(Identifier);
      if (!Element) {
        Element = false;
      }
      return Element;
    }
    if (Mode.toLowerCase() == "tagname") {
      ElementList = document.all.tags(Identifier);
      Element = ElementList[ElementNumber];
      if (!Element) {
        Element = false;
      }
      return Element;
    }
    return false;
  }
  if (NS4) {
    if (Mode.toLowerCase() == "id" || Mode.toLowerCase() == "name") {
      Element = document[Identifier];
      if (!Element) {
        Element = document.anchors[Identifier];
      }
      if (!Element) {
        Element = false;
      }
      return Element;
    }
    if (Mode.toLowerCase() == "layerindex") {
      Element = document.layers[Identifier];
      if (!Element) {
        Element = false;
      }
      return Element;
    }
    return false;
  }
  return false;
}

function getAttribute (Mode, Identifier, ElementNumber, AttributeName) {
  var Attribute;
  var Element = getElement(Mode, Identifier, ElementNumber);
  if (!Element) {
    return false;
  }
  if (DOM || MSIE4) {
    Attribute = Element.getAttribute(AttributeName);
    return Attribute;
  }
  if (NS4) {
    Attribute = Element[AttributeName]
    if (!Attribute) {
       Attribute = false;
    }
    return Attribute;
  }
  return false;
}

function getContent (Mode, Identifier, ElementNumber) {
  var Content;
  var Element = getElement(Mode, Identifier, ElementNumber);
  if (!Element) {
    return false;
  }
  if (DOM && Element.firstChild) {
    if (Element.firstChild.nodeType == 3) {
      Content = Element.firstChild.nodeValue;
    } else {
      Content = "";
    }
    return Content;
  }
  if (MSIE4) {
    Content = Element.innerText;
    return Content;
  }
  return false;
}

function setContent (Mode, Identifier, ElementNumber, Text) {
  var Element = getElement(Mode, Identifier, ElementNumber);
  if (!Element) {
    return false;
  }
  if (DOM && Element.firstChild) {
    Element.firstChild.nodeValue = Text;
    return true;
  }
  if (MSIE4) {
    Element.innerText = Text;
    return true;
  }
  if (NS4) {
    Element.document.open();
    Element.document.write(Text);
    Element.document.close();
    return true;
  }
}
function displayPic(Pic,Titel) 
{
	bildbereich = getElement("id", "bigpic");
	if (bildbereich.width=='225')
	{
	xsize = '450';
	ysize = '600';
	}
	else
	{
	xsize = '600';
	ysize = '450';
	}
	ScreenWidth = screen.width;
	ScreenHeight = screen.height;
	xpos = (ScreenWidth/2)-(xsize/2);
	ypos = (ScreenHeight/2)-(ysize/2);
	ypos = (ypos/5)*3;
	NewWindow=window.open("","Bild","height="+ysize+",width="+xsize+",scrollbars=no,resizable=yes,status=no,top="+ypos+",left="+xpos+"");
	NewWindow.document.write ("<html><head><title>"+Titel+"</title></head>");
	NewWindow.document.write ("<body bgcolor='#ffffff' onload='focus()' style=\"margin:0 ;padding:0;\">");
	NewWindow.document.write ("<table border='0' bgcolor='#ffffff' cellpadding='0' cellspacing='0' width='100%' height='100%'><tr><td style=\"text-align:center;\">");
	NewWindow.document.write ("<img src='");
	NewWindow.document.write (Pic);
	NewWindow.document.write ("'");
	NewWindow.document.write ("</td>");
	NewWindow.document.write ("</tr></table>");
	NewWindow.document.write ("</body></html>");
	NewWindow.document.close();
}

