// Copyright: Zacke, Berlin 2005, 2006, 2007
// http://www.ufocomes.de
// am 20.11.06 fuer Opera gefixt, Schikane stillgelegt.  
// 03.03.07 data ausgelagert und in ein Array gepackt.

// extra chars vars in datafile!

// Opera-Nag:  (16.11.2006 stillgelegt, Opera 9.0.2 schafft's fast)
/*
if (window.opera)
{
  var moz = confirm("Sorry, Opera is not compatible with this page! I'm not willing to support a browser, which developers always start from the scratch. It could be a good browser because of some unique features, but it isn't, when you cannot rely on it! Please use a newer Mozilla version - e.g. Firefox. It meets the w3-standards in a way, any browser should do.\n\nSorry, Opera hat auf dieser Seite absolut nichts zu suchen. Als User kann man das wohl nicht verstehen, weil Opera ein paar gute Features hat. Die Entwickler sind jedoch nicht in der Lage, eine konstante Entwicklungslinie einzuhalten und ich bin nicht bereit, Seiten wie diese immer wieder zu bearbeiten, nur weil sich Opera ge"+ae+"ndert hat! Ich empfehle Mozilla-Firefox. Dieser kostenlose Browser, der sich an die w3-Standards hält, gibt es f"+ue+"r mindestens genau so viele Betriebsysteme.\n\nDownload Firefox now from www.mozilla.org? - Firefox nun herunterladen?");
  if (moz) location.href = "http://www.mozilla.org/";
} 
*/

// ------------------------------Vorschau-Bilder vorladen:------------------------

function vorLaden()
{
 prews = new Array();
 for (var z = 0; z < liste.length; z++)
 {
  prews[z] = new Image();
  var buf = liste[z].split(',');
  prews[z].src = buf[0];
 }
}

// ++++++++++++Info erzeugen/10.04.2005+++++++++++++

var info_flag = false;

function setInfo(buf)
{
  var text1 ="Zu dieser Seite:";
  var text2 ="Diese Fotos sind wie im ersten Sammelsurium nach keinem Thema geordnet.";
  var text3 ="Klicken Sie die Bilder im kleinen Monitor an, um sie gr"+oe+sz+"er zu sehen. Wenn nichts geht, geht es mit Ihrem Browser eben nicht.";
  var text4 ="Tested Browsers: MSIE 6.0, Mozilla 1.0, Firefox 2.0, Netscape 7.0, Opera 9.0.2, Chromium 5.0.375.125 (53311)";
  var text5 ="Brief in english (the german is only decoration): Please open the greater pics by clicking the previews in the baby monitor.";
  var text6 = copy + " Fotos, Design and Programming";
  var text7 ="by Zacke, July 2003. Last script change: Nov. 2006.";

// ---------------------------------subfunctions---------------------------------------

 function ieInfo()
 {
      panel = document.createElement("div");
      document.getElementById(buf).appendChild(panel);
      panel.setAttribute("id","pan2");
      
      screw = document.createElement("img");
      panel.appendChild(screw);
      screw.setAttribute("src","../bilder/x_br_23.jpg");
      screw.setAttribute("valign","top");
      screw = document.createElement("img");
      panel.appendChild(screw);
      screw.setAttribute("src","../bilder/x_br_45.jpg");
      screw.setAttribute("valign","top");
      screw.setAttribute("id","s2");

      mid = document.createElement("div");
      panel.appendChild(mid);
      mid.setAttribute("id","mid");
      headline = document.createElement("span");
      mid.appendChild(headline);
      headline.setAttribute("id","headline");
      text = document.createTextNode(text1);
      headline.appendChild(text);
      
      para = document.createElement("p");
      mid.appendChild(para);
      para.setAttribute("id","text2");
      text = document.createTextNode(text2);
      para.appendChild(text);

      para = document.createElement("p");
      mid.appendChild(para);
      para.setAttribute("id","text3");
      text = document.createTextNode(text3);
      para.appendChild(text);

      para = document.createElement("p");
      mid.appendChild(para);
      para.setAttribute("id","text4");
      text = document.createTextNode(text4);
      para.appendChild(text);

      para = document.createElement("p");
      mid.appendChild(para);
      para.setAttribute("id","text5");
      text = document.createTextNode(text5);
      para.appendChild(text);

      para = document.createElement("span");
      mid.appendChild(para);      
      para.setAttribute("id","text6");

      text = document.createTextNode(text6);
      para.appendChild(text);
      linebreak = document.createElement("br");
      para.appendChild(linebreak);

      para = document.createElement("span");
      mid.appendChild(para);
      para.setAttribute("id","text7");
      text = document.createTextNode(text7);
      para.appendChild(text);

      screw = document.createElement("img");
      panel.appendChild(screw);
      screw.setAttribute("src","../bilder/x_br_90.jpg");
      screw.setAttribute("align","top");
      screw = document.createElement("img");
      panel.appendChild(screw);
      screw.setAttribute("src","../bilder/x_br_23.jpg"); 
      screw.setAttribute("align","top");
      screw.setAttribute("id","s4");
 } 

 function mozInfo()
 {
     panel = document.createElement("table");
     document.getElementById(buf).appendChild(panel);
     panel.setAttribute("border","0");
     panel.setAttribute("cellpadding","0");
     panel.setAttribute("cellspacing","0");
     panel.setAttribute("width","440");
     panel.setAttribute("id","pan1");
 
     trow = document.createElement("tr");  // 1. Reihe  mit Schrauben
     panel.appendChild(trow);
 
     tdata = document.createElement("td");
     trow.appendChild(tdata);
     screw = document.createElement("img");
     screw.setAttribute("src","../bilder/x_br_23.jpg");
     screw.setAttribute("width","24");
     screw.setAttribute("height","24");
     screw.setAttribute("border","0");
     screw.setAttribute("alt","");
     tdata.appendChild(screw);
  
     tdata = document.createElement("td");
     trow.appendChild(tdata);
     text = document.createTextNode("");
     tdata.appendChild(text);
  
     tdata = document.createElement("td");
     trow.appendChild(tdata);
     screw = document.createElement("img");
     screw.setAttribute("src","../bilder/x_br_45.jpg");
     screw.setAttribute("width","24");
     screw.setAttribute("height","24");
     screw.setAttribute("border","0");
     screw.setAttribute("alt","");
     tdata.appendChild(screw);
  
     trow = document.createElement("tr");  // Reihe mit Text
     panel.appendChild(trow);
 
      tdata = document.createElement("td");
     trow.appendChild(tdata);
     text = document.createTextNode("");
     tdata.appendChild(text);
  
     tdata = document.createElement("td");
     trow.appendChild(tdata);
     tdata.setAttribute("width","100%");
     headline = document.createElement("p");    
     tdata.appendChild(headline);
     headline.setAttribute("id","headline");
     text = document.createTextNode(text1);
     headline.appendChild(text);
 
     para = document.createElement("p");
     tdata.appendChild(para);
     para.setAttribute("id","text2");
     text = document.createTextNode(text2);
     para.appendChild(text);
     
     para = document.createElement("p");
     tdata.appendChild(para);
     para.setAttribute("id","text3");
     text = document.createTextNode(text3);
     para.appendChild(text);
 
     para = document.createElement("p");
     tdata.appendChild(para);
     para.setAttribute("id","text4");
     text = document.createTextNode(text4);
     para.appendChild(text);
 
     para = document.createElement("p");
     tdata.appendChild(para);
     para.setAttribute("id","text5");
     text = document.createTextNode(text5);
     para.appendChild(text);
 
     line = document.createElement("span");
     tdata.appendChild(line);
     line.setAttribute("id","text6");
     text = document.createTextNode(text6);
     line.appendChild(text);

     linebreak = document.createElement("br");
     tdata.appendChild(linebreak);   

     line = document.createElement("span");
     tdata.appendChild(line);
     line.setAttribute("id","text7");
     text = document.createTextNode(text7);
     line.appendChild(text);
 
     tdata = document.createElement("td");
     trow.appendChild(tdata);
     text = document.createTextNode("");
     tdata.appendChild(text);
  
     trow = document.createElement("tr");  // letzte. Reihe mit Schrauben
     panel.appendChild(trow);
  
     tdata = document.createElement("td");
     trow.appendChild(tdata);
     screw = document.createElement("img");
     screw.setAttribute("src","../bilder/x_br_90.jpg");
     screw.setAttribute("width","24");
     screw.setAttribute("height","24");
     screw.setAttribute("border","0");
     screw.setAttribute("alt","");
     tdata.appendChild(screw);
 
     tdata = document.createElement("td");
     trow.appendChild(tdata);
     text = document.createTextNode("");
     tdata.appendChild(text);
  
     tdata = document.createElement("td");
     trow.appendChild(tdata);
     screw = document.createElement("img");
     screw.setAttribute("src","../bilder/x_br_23.jpg");
     screw.setAttribute("width","24");
     screw.setAttribute("height","24");
     screw.setAttribute("border","0");
     screw.setAttribute("alt","");
     tdata.appendChild(screw); 
 }

 function plainInfo()
 {
   plain = document.createElement("div");
   document.getElementById(buf).appendChild(plain);
   plain.setAttribute("id","plain");

   headline = document.createElement("p");
   plain.appendChild(headline);
   headline.setAttribute("id","pheadline");
   text = document.createTextNode(text1);
   headline.appendChild(text);  

   para =  document.createElement("p");
   plain.appendChild(para);
   para.setAttribute("id","ptext2");
   text = document.createTextNode(text2);
   para.appendChild(text); 

   para =  document.createElement("p");
   plain.appendChild(para);
   para.setAttribute("id","ptext2");
   text = document.createTextNode(text3);
   para.appendChild(text); 

   para =  document.createElement("p");
   plain.appendChild(para);
   para.setAttribute("id","ptext2");
   text = document.createTextNode(text4);
   para.appendChild(text); 

   para =  document.createElement("p");
   plain.appendChild(para);
   para.setAttribute("id","ptext2");
   text = document.createTextNode(text5);
   para.appendChild(text); 

   para =  document.createElement("span");
   plain.appendChild(para);
   para.setAttribute("id","ptext3");
   text = document.createTextNode(text6);
   para.appendChild(text); 

   linebreak = document.createElement("br");
   plain.appendChild(linebreak);   

   para =  document.createElement("span");
   plain.appendChild(para);
   para.setAttribute("id","ptext3");
   text = document.createTextNode(text7);
   para.appendChild(text);   

   linebreak = document.createElement("br");
   plain.appendChild(linebreak);   
 }




// --------------------------Browser einweichen---------------------------

 var browser;
 if (!info_flag) 
 {
   info_flag = true; 
   document.getElementById('subti').firstChild.nodeValue = "";
   if (window.opera) browser = "Opera";
   else if (navigator.userAgent.indexOf("MSIE") != -1) browser = "IE";
   else if (navigator.userAgent.indexOf("Mozilla") != -1) browser = "Mozilla"; 
   switch (browser)
   {
    case "Opera":		mozInfo();
    										break;
    case "IE":					ieInfo();
    										break;
    case "Mozilla":		mozInfo();
    										break;
    default:						plainInfo();
  }
 }
}

// +++++++++++Ende: Info erzeugen/10.04.2005+++++++++++++

// -------------------------Info loeschen-------------------------------
function clearInfo(buf)
{
 info_flag = false;
 nodes = document.getElementById(buf).childNodes;
 while (nodes.length != 0)
 {
  for (var i=0;i<nodes.length;i++)
  document.getElementById(buf).removeChild(nodes[i]);
 }
}

function show()
{ 
 var step;
 if (window.opera) step = 26;
 else step = 10; 
 if (document.bild1.height < 112-step) 
 document.bild1.height+=step;
 else  
 {
  var diff = 112-document.bild1.height;
  document.bild1.height+=diff;
 }
 document.bild1.style.cursor = "pointer";
 black = false;
 var come = setTimeout('show()', 1);
 if (document.bild1.height > 0) 
 {
  var buf = liste[n].split(','); 
  document.bild1.src = buf[0];
 }
 if (document.bild1.height == 112) 
 {
  clearTimeout(come);
  return true; 
 }
}

function hide()
{
 var step;
 if (window.opera) step = 24;
 else step = 14;  
 if (document.bild1.height > step)
 document.bild1.height-=step;
 else
 {
  var diff = document.bild1.height; 
  document.bild1.height-=diff;
 }
 var fade = setTimeout('hide()', 1);
 if (document.bild1.height == 0) 
 {
  document.bild1.src = "../bilder/black.jpg"; 
  clearTimeout(fade);
  return true;
 }
}

var n = liste.length;
var choice_flag = false;

function back()
{
 if (n < liste.length - 1) n++;
 else n = 0;
 choice_flag = true;
 return true;
}

function next()
{
 if (n > 0) n--;
 else n = liste.length - 1;
 choice_flag = true;
 return true;
}

// Startbild:

function black()
{
 document.bild1.src = "../bilder/black.jpg";
 document.bild1.style.cursor = "default";
 document.getElementById('subti').firstChild.nodeValue = "";
 return true;
}

// Info-Table zurück

function info()
{
 document.bild3.width = 0;
 document.bild3.height = 0;
 setInfo("info");
 document.fo1.inf.style.backgroundColor = "#c0c0c0";
 document.fo1.inf.style.cursor = "default";
 document.getElementById('subti').firstChild.nodeValue = "";
 if (choice_flag) 
  document.bild1.style.cursor = "pointer";
}

// laesst Bild verschwinden

function escApe()
{
 document.bild3.width = 1;
 document.bild3.height = 1;
 document.bild3.src="../bilder/dk_blue.jpg";
 document.getElementById('subti').firstChild.nodeValue = "";
 document.bild1.style.cursor = "pointer";
 xAni();
}

var speed1 = 500;
var speed2 = 1100;
var tBack;
var tNext;

function forw()
{
 hide();
 if (hide)
 {
  clearTimeout(tBack);
  tNext = setTimeout('next()', speed1);
 }
 if (next) setTimeout('show()', speed2);
}

function prew()
{
 hide();
 if (hide)
 {
  clearTimeout(tNext);
  tBack = setTimeout('back()', speed1);
 }
 if (back) setTimeout('show()', speed2);
}

//+++++++++++++++++++++++++++++++++++++++++++++++++++++++++

function subtitle()
{
 if (document.bild3.width == 1)
  document.getElementById('subti').firstChild.nodeValue = "";
 else
 {
  var buf = liste[n].split(',');   
  document.getElementById('subti').firstChild.nodeValue = buf[2];
 }
}

var numbuf;

function display()
{
 if (!black)
 {
  clearInfo("info");
  var buf = liste[n].split(',');
  document.fo1.inf.style.backgroundColor = "#82e7ba";
  document.fo1.inf.style.cursor = "pointer";
  document.bild3.width = 500;
  document.bild3.height = 375;
  document.bild3.src = buf[1];
  document.getElementById('subti').firstChild.nodeValue = "Please wait!";
  if (n == numbuf)  document.getElementById('subti').firstChild.nodeValue = buf[2];
  document.bild1.style.cursor = "default";
  numbuf = n;
 }
}

//+++++++++++++++++++++++++++++++++++++++++++++++++++++++++

// Schraube:

var a = 0;
var b = 0;
var tmo;

function xAni()
{
 document.bild2[a].style.zIndex = 1;
 a++;
 if (a == 4)
 {
  a = 0;
  document.bild2[0].style.zIndex = 0;
  document.bild2[1].style.zIndex = 0;
  document.bild2[2].style.zIndex = 0;
  document.bild2[3].style.zIndex = 0;
 }
 tmo = setTimeout('xAni()', 1200);
 b++;
 if (b == 5)
 {
  clearTimeout(tmo);
  b = 0;
 }
}