// 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)

// 22/10/2010 sync button eingebaut und endlose preload story aufgegeben

/*
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:------------------------

var prews = new Array();
//var originals = new Array();

function vorLaden()
{
 document.getElementById('subti').firstChild.nodeValue = "Please wait!";
 for (var i = 0; i < liste.length; i++)
 {
  var buf = liste[i].split(',');
  prews[i] = new Image();
  prews[i].src = buf[0];
  //originals[i] = new Image();
  //originals[i].src = buf[1];
 }
}

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

var info_flag = false;

function setInfo(buf)
{
  var text1 ="Bedienung/Help:";
  var text2 ="Die Zusammenstellung der Fotos ist themenfrei, assoziativ und optimistisch.";
  var text3 ="Benutzen Sie die Pfeil-Buttons unter dem Monitor. Klicken Sie die kleinen Bilder im Monitor an, um die Gro"+sz+"en zu "+oe+"ffnen oder bet"+ae+"tigen Sie den sync-Button.";
  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: Use the arrow buttons and open the greater pics by clicking the previews in the baby monitor or press the sync button.";
  var text6 = copy + " Fotos, Design and Programming";
  var text7 ="by Zacke, July 2003. Last script change: Okt. 2010.";

// ---------------------------------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]);
 }
}

// ------------------------sychrone Anzeige-----------------------------

var sync = false;

function Sync()
{
 if (sync) 
 {
  document.fo1.sy.style.backgroundColor = "#c0c0c0";
  sync = false;
 }
  else 
 {
  document.fo1.sy.style.backgroundColor = "#efb0b0";
  sync = true;
  display();
 }
}

// -----------------------------------------------------------------

function show()
{ 
 var step;
 if (window.opera) step = 22;
 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) 
 document.bild1.src = prews[n].src;
 if (document.bild1.height == 112) 
 {
  clearTimeout(come);
  if (sync) display();
  return true; 
 }
}

function hide()
{
 var step;
 if (window.opera) step = 22;
 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.fo1.inf.style.backgroundColor = "#82e7ba";
 document.bild1.style.cursor = "default";
 document.getElementById('subti').firstChild.nodeValue = "";
 return true;
}

// Info-Table schalten

var info_flag2 = false;

function info()
{
 if (info_flag)
 {
  info_flag2 = false;
  document.fo1.inf.style.backgroundColor = "#82e7ba";
  clearInfo("info"); 
  display();
 }
 else
 {
  info_flag2 = true;
  ShowInfo();
 }
}

function ShowInfo()
{
 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 = 500;
 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.height == 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)
 {
  document.getElementById('subti').firstChild.nodeValue = "Please wait!"; 
  clearInfo("info");
  document.fo1.inf.style.backgroundColor = "#82e7ba";
  document.fo1.inf.style.cursor = "pointer";
  var buf = liste[n].split(',');
  document.bild3.widht = 500;
  document.bild3.height = 1;
  document.bild3.src = "../bilder/dk_blue.jpg";
  document.bild3.width = buf[3];			// originals[n].width;
  document.bild3.height = buf[4]; 		// originals[n].height;
  document.bild3.src = buf[1];			// originals[n].src;
  if (n == numbuf)  document.getElementById('subti').firstChild.nodeValue = buf[2];
  document.bild1.style.cursor = "default";
  numbuf = n;
 }
}

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

// ------------------------cursor animation-----------------------------

var animated;

function cursor(buf) 
{ 
 animated = buf;
 animated.style.cursor="default";
 pointer = "animated.style.cursor='pointer'";
 setTimeout(pointer, 500);
}

// ----------------------------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;
 }
}