// function to create an XMLHttpClient in a cross-browser manner
  function initXMLHttpClient() {
      var xmlhttp;
      try {
          // Mozilla / Safari / IE7
          xmlhttp = new XMLHttpRequest();
      } catch (e) {
           // IE
           var XMLHTTP_IDS = new Array('MSXML2.XMLHTTP.5.0',
                                    'MSXML2.XMLHTTP.4.0',
                                     'MSXML2.XMLHTTP.3.0',
                                     'MSXML2.XMLHTTP',
                                     'Microsoft.XMLHTTP' );
          var success = false;
          for (var i=0;i < XMLHTTP_IDS.length && !success; i++) {
              try {
                   xmlhttp = new ActiveXObject(XMLHTTP_IDS[i]);
                      success = true;
                } catch (e) {}
          }
          if (!success) {
              xmlhttp="Nein";
          }
     }
     return xmlhttp;
 }
 //Zeitleisten für Panoramen
   var yr0=2007;
	var mh0=10;	
	var yrE=2010;
	var mhE=04;	
	function getpos(yr,mh,dy){
		var a=Date.parse(new Date(yrE, mhE, 01))-Date.parse(new Date(yr0, mh0, 01));						
		var b=Date.parse(new Date(yr,mh,dy))-Date.parse(new Date(yr0, mh0, 01));		
		var c=b/a;
		return Math.round(c * 1000)/10;
	}	

	function skalierung(){
		var yr=yr0;
		var mh=mh0;		
		while(yr<yrE || (yr==yrE && mh <= mhE)){
			//alert(yr+", "+mh);
		 var posdiv= document.createElement("div");
		 posdiv.style.left=getpos(yr,mh,01)+"%";
		 if(mh!=01){
		 	     var Class = document.createAttribute("class");Class.nodeValue = "skalmh";     
     posdiv.setAttributeNode(Class);	

		 }else{
		 	     var Class = document.createAttribute("class");Class.nodeValue = "skalyr";     
     posdiv.setAttributeNode(Class);	
		 }
		 var Monat = new Array("",yr, "", "", "Apr", "", "",
                      "Jul", "", "", "Okt", "", "");
		 if(Monat[mh]!=""){posdiv.innerHTML="<br>&nbsp;"+Monat[mh];}
		 
		 document.getElementById("Timeline").appendChild(posdiv);		
		  mh++;
		  if(mh==13){
  			mh=01;
	  		yr++;
		  }
		}		
	}
	function markierung(yr,mh,dy){
		 var posdiv= document.createElement("div");		 
		  var Name = document.createAttribute("name");Name.nodeValue = "timemark";     
     posdiv.setAttributeNode(Name);
     var Class = document.createAttribute("class");Class.nodeValue = "timemark";     
     posdiv.setAttributeNode(Class);		
		 posdiv.style.left=getpos(yr,mh,dy)+"%";
		 posdiv.innerHTML="<a class='fahne' href='http://www.lev-mitte.de/Archiv/"+yr+"/"+mh+"/bericht-vom-"+dy+""+mh+""+yr.substring(2,4)+".html'  target='_blank' id='fahne'>&nbsp;"+dy+"."+mh+"."+yr+"&nbsp;</a>";
		 
		 document.getElementById("Timeline").appendChild(posdiv);		
	}
	
	function move_mark(yr,mh,dy){		
		document.getElementsByName("timemark")[0].style.left=getpos(yr,mh,dy)+"%";
		document.getElementById("fahne").innerHTML="&nbsp;"+dy+"."+mh+"."+yr+"&nbsp;";
		document.getElementById("fahne").href="http://www.lev-mitte.de/Archiv/"+yr+"/"+mh+"/bericht-vom-"+dy+""+mh+""+yr.substring(2,4)+".html";
	}
//Das neue

var FotoNEW=new Array();
var vl=location.href;
var alles=true;
function WechselnB (Nummer){
	var a=document.getElementById(""+Nummer+"F");
/**	if (alles==true){
a.innerHTML=pfeile(Nummer,2)+pfeile(Nummer,1);
alles=false;
}**/
          var neuB=FotoNEW[Nummer].httpF.childNodes[FotoNEW[Nummer].nowX];
for (var i=1;i<a.getElementsByTagName("td").length-1;i=i){
	a.removeChild(a.getElementsByTagName("td")[i]);	
}

for (var i=0;i<neuB.getElementsByTagName("td").length;i++){
	var a=document.getElementById(""+Nummer+"F");
  a.insertBefore(neuB.getElementsByTagName("td")[i].cloneNode(true) , a.getElementsByTagName("td")[a.getElementsByTagName("td").length-1]);
}          
}




function NBANEW(Nummer){
		var Temp2=FotoNEW[Nummer];
	  //Neue Beschirftung Anzeigen	
	  var GeradeB = document.getElementById(Nummer+"B");	  
		var neueBesch=Temp2.httpBe.getElementsByTagName("td")[Temp2.now].innerHTML;	  
		if (document.URL.indexOf("Pano")==-1&&document.URL.indexOf("/2001/01/")==-1){	
    	GeradeB.innerHTML = neueBesch;
    }else{
    	try{
    	  move_mark(20+neueBesch.substring(0,2),neueBesch.substring(2,4),neueBesch.substring(4,6));
      }catch(e){
      	GeradeB.innerHTML=neueBesch.substring(4,6)+"."+neueBesch.substring(2,4)+".20"+neueBesch.substring(0,2);
      }
    }	  

	//Bild wechseln		
	var alleinfos=Temp2.httpF.getElementsByTagName("td")[Temp2.now];
	var BildN=Temp2[Temp2.now];  
	//if (BildN==Temp2.preload.src){
	var BildGMN=alleinfos.getElementsByTagName("a")[3].href;  
	var LinkN=alleinfos.getElementsByTagName("a")[1].href;  

	var GeradePlusC = document.getElementById(Nummer+"C");
	GeradePlusC.href = BildGMN;
	var GeradePlusD = document.getElementById(Nummer+"D");
	GeradePlusD.src = BildN;
	var GeradePlusE = document.getElementById(Nummer+"E");
	GeradePlusE.href= LinkN;
}

function pfeile(Nummer,Art){
	if(Art==2){
		var A="links";
		var B='';
	}else{
		var A="rechts";
		var B='border-right: 0px;';
	}
  return	'<td style="width:60px;'+B+'" ><img id="'+Nummer+'Pfeil'+A+'k" class="gpfeilu" src="http://lev-mitte.de/images/Pfeil'+A+'.png"  onclick="Wechseln2NEW(\''+Nummer+'\','+Art+');"  ></td>'
}
function Wechseln (Nummer,was,BildAussuchen){
	
// A = Titel
// B = Beschreibung
// C = Linl zum großen Bild
// D = Bild
// E = Link zu Flickr

if(FotoNEW["N"+Nummer]){
	Nummer="N"+Nummer;	
}
if(FotoNEW["N0"+Nummer]){
		Nummer="N0"+Nummer;
}


var Temp2=FotoNEW[Nummer];
if (Temp2.ok==false){
try{var xyz=FotoNEW[Nummer].httpF.getElementsByTagName("td");
}catch(f){
	var on=document.getElementById("Perma"+Nummer).href;
	AjaxNEW2(Nummer,on,true);
}
} 
	
	
if (Temp2.ok==true){
	document.getElementById("load"+Nummer).src="http://lev-mitte.de/images/loading.gif";	
if (was==1){
if (!(Temp2.now==Temp2.gesamt)){  
  FotoNEW[Nummer].now++;
  NBANEW(Nummer);
}
}
if (was==2) {
if (!(Temp2.now==0)){	
	FotoNEW[Nummer].now--;
	NBANEW(Nummer);
}
}
if (was==3){   
  FotoNEW[Nummer].now=BildAussuchen;  
  NBANEW(Nummer);
}
  /**if(initXMLHttpClient()!="Nein"){**/if(Temp2.now!=Temp2.gesamt){Temp2.preload=new Image();Temp2.preload.src=Temp2[Temp2.now+1];}/**}**/
	if(Temp2.now==1){document.getElementById(Nummer+"PfeilL").src="http://lev-mitte.de/images/pfeillinks.png";}
	if(Temp2.now==0){document.getElementById(Nummer+"PfeilL").src="http://lev-mitte.de/images/pfeillinks-d.png";}
	if(Temp2.now==Temp2.gesamt-1){document.getElementById(Nummer+"PfeilR").src="http://lev-mitte.de/images/pfeilrechts.png";}
	if(Temp2.now==Temp2.gesamt){document.getElementById(Nummer+"PfeilR").src="http://lev-mitte.de/images/pfeilrechts-d.png";}
}
}


var LinkA= new Array;
var LinkB= new Array;
var LinkC= new Array;

function EingabeNEW(Nummer,Seite,Start0,Start1,Start2,Start3) {
FotoNEW[Nummer]=new Array();
FotoNEW[Nummer].now=0;
FotoNEW[Nummer].ok=false;
if (document.URL.indexOf("Pano")!=-1||document.URL.indexOf("/2001/01/")!=-1){	
	var datum=Start0;
	Start0='<div id="Timeline" class="timeline"></div>';
}
if(Seite=="hier"){
	var hier="hier";
	Seite=document.URL;
}else{
	Seite="http://www.lev-mitte.de/Archiv/20"+Seite.substring(4,6)+"/"+Seite.substring(2,4)+"/bericht-vom-"+Seite+".html";
}
var Galerie='';
Galerie=Galerie+'  <div class="galerie">';
Galerie=Galerie+'  	<div class="gtop">				';
Galerie=Galerie+'  		<div class="glink">	 <a id="Perma'+Nummer+'" href="'+Seite+'" class="glink">Permalink</a>		';
Galerie=Galerie+'  		</div>				';
Galerie=Galerie+'  			<img src="http://lev-mitte.de/images/loading-n.gif" id="load'+Nummer+'" class="gload" >';
Galerie=Galerie+'  		<div class="ginhalt"><div style="height:80px;" id="'+Nummer+'B">'+Start0+'</div>';
Galerie=Galerie+'  			<hr class="hr1">							';
Galerie=Galerie+'  			<table class="gbild">';
Galerie=Galerie+'  			<tbody>';
Galerie=Galerie+'  				<tr>';
Galerie=Galerie+'  					<td>						          ';
if(initXMLHttpClient()!="Nein"||hier=="hier"){Galerie=Galerie+'  						<img class="gpfeil" id="'+Nummer+'PfeilL" onclick="Wechseln(\''+Nummer+'\',2);" src="http://lev-mitte.de/images/pfeillinks-d.png" alt="Vorheriges Bild" >';}
Galerie=Galerie+'  					</td>';
Galerie=Galerie+'  					<td class="gbild">';
Galerie=Galerie+'  						<a href="'+Start2+'" rel="lightbox" id="'+Nummer+'C"><img class="gbild" id="'+Nummer+'D" src="'+Start1+'" onload="document.getElementById(\'load'+Nummer+'\').src=\'http://lev-mitte.de/images/loading-n.gif;\'"/></a>';
Galerie=Galerie+'  						<br> <a id="'+Nummer+'E" class="gflickrl" href="'+Start3+'">Zur Flickr-Seite dieses Bildes</a>';
Galerie=Galerie+'  					</td>';
Galerie=Galerie+'  					<td>						';
if(initXMLHttpClient()!="Nein"||hier=="hier"){Galerie=Galerie+'  						<img class="gpfeil" id="'+Nummer+'PfeilR" onclick="Wechseln(\''+Nummer+'\',1);" src="http://lev-mitte.de/images/pfeilrechts.png" alt="Naechstes Bild" >';}
Galerie=Galerie+'  					</td>';
Galerie=Galerie+'  				</tr>';
Galerie=Galerie+'  			</tbody>';
Galerie=Galerie+'  			</table>';
Galerie=Galerie+'  			<hr class="hr2">';
Galerie=Galerie+'  			<div id="VorlageListe'+Nummer+'" style="display:none;">';
Galerie=Galerie+'  				<div class="abu" style="display:none;"><input class="gbutton" onclick="Wechseln2NEW(\''+Nummer+'\',3);" type="button" value="Zeige Liste aller Bilder!" />';
Galerie=Galerie+'  				</div>';
Galerie=Galerie+'  				<div class="ab" id="'+Nummer+'G">Andere Bilder';
Galerie=Galerie+'  				</div>';
Galerie=Galerie+'  				<table class="gliste">';
Galerie=Galerie+'  				<tbody>';
Galerie=Galerie+'  					<tr id="'+Nummer+'F">';
Galerie=Galerie+pfeile(Nummer,2)+pfeile(Nummer,1);
Galerie=Galerie+'  					</tr>';
Galerie=Galerie+'  				</tbody>';
Galerie=Galerie+'  				</table>   ';
Galerie=Galerie+' </div><div id="Listeladen'+Nummer+'" '; 	
 if(initXMLHttpClient()!="Nein"){	Galerie=Galerie+' onclick="AjaxNEW2(\''+Nummer+'\',\''+Seite+'\');" style="margin: 10px 0 0 0;font-size: 17px;cursor: pointer;">Um weitere Bilder von diesem Tag zu anzusehen, bitte hier <div style="font-size: 11px;">(oder auf die Pfeile)</div> klicken.</div>';
   }else{Galerie=Galerie+' <a href="'+Seite+'" style="margin: 10px 0 0 0;font-size: 17px;"><a href="'+Seite+'">Um weitere Bilder von diesem Tag anzusehen, bitte hier klicken.</a></a></div>';
 }
Galerie=Galerie+'  		</div>';
Galerie=Galerie+'  	</div>';
Galerie=Galerie+'  </div>';

if(hier!="hier"){
	document.write(Galerie);
}else{
	document.getElementById("BilderListe").parentNode.innerHTML=Galerie+"<br>"+document.getElementById("BilderListe").parentNode.innerHTML;
}
if (document.URL.indexOf("Pano")!=-1||document.URL.indexOf("/2001/01/")!=-1){	
skalierung();
	markierung(20+datum.substring(0,2),datum.substring(2,4),datum.substring(4,6));		
}

}

function AjaxNEW2(Nummer,Seite,w){	
		
			var httpB = document.createElement("div");
			var httpR = document.createElement("div");
      var httpF = document.createElement("div");            //Fotos     
      var httpBe = document.createElement("div");            //Beschreibungen
      
    if(Seite!="hier"){
    	var httpA = initXMLHttpClient();
      if(document.URL.indexOf("www")==-1){
      	Seite=Seite.replace(/www./g, "");
      }

      if (httpA != "Nein") {
         httpA.open("GET", Seite, true);
         document.getElementById("load"+Nummer).src="http://lev-mitte.de/images/loading.gif";
         httpA.onreadystatechange = ausgebenNEW;
         httpA.send(null);
      }
    }else{
    	httpR.innerHTML=document.getElementById("BilderListe").innerHTML;
    	Create();
    }
      
      function Create(){      	
      	           var httpRB = httpR; //Nur die Tabelle
          httpR = httpRB.getElementsByTagName('tr');       //Nur die ienzelnen Zeilen
          for (var i=1;2<=httpR.length;i++){              //Nur die Zeilen, in denen was wichtiges drinnensteht.
            var inna =""+httpR[1].innerHTML+"";           	
              if(i%2==0){              
                httpBe.appendChild(httpR[1]);
             }else{      
             	 if (inna!=''){        	             
                 httpF.appendChild(httpR[1]);
               }
             }
          }
       if(Seite=="hier"){
        for(var i=0;i<httpF.getElementsByTagName("a").length;i++){            	
          httpF.getElementsByTagName("a")[i].href=httpF.getElementsByTagName("a")[i].href.replace(/javascript:Wechseln\([0-9]*,/g,"javascript:Wechseln(10,");	        
	      } 
	    }

        for(var i=0;i<httpF.getElementsByTagName("td").length;i++){          
          var infos=httpF.getElementsByTagName("td")[i];          
	        FotoNEW[Nummer][i]=infos.getElementsByTagName("img")[0].src.replace(/\_t.jpg/g,".jpg");
	      }    
	      
	      	    for(var i=0;i<httpF.getElementsByTagName("td").length;i++){            	
         try{
         	var linkB = document.createElement('a');
         linkB.href = httpF.getElementsByTagName("td")[i].getElementsByTagName("a")[1].href;
         linkB.appendChild(httpF.getElementsByTagName("td")[i].getElementsByTagName("img")[0].cloneNode(true));                                  
         linkB.firstChild.border="0px";
         
         httpF.getElementsByTagName("td")[i].firstChild.replaceChild(linkB,httpF.getElementsByTagName("td")[i].getElementsByTagName("img")[0]);         
         }catch(e){}
	 }
          FotoNEW[Nummer].httpBe=httpBe;FotoNEW[Nummer].httpF=httpF;FotoNEW[Nummer].nowX=0;
          FotoNEW[Nummer].gesamt=httpF.getElementsByTagName("td").length-1;
          document.getElementById(""+Nummer+"G").innerHTML="Andere Bilder (S. 1 von "+(FotoNEW[Nummer].httpF.childNodes.length)+")";
                    document.getElementById("Listeladen"+Nummer).style.display='none';
          document.getElementById("VorlageListe"+Nummer).style.display='';
            
          document.getElementById("load"+Nummer).src="http://lev-mitte.de/images/loading-n.gif";  
          WechselnB (Nummer);
          if(initXMLHttpClient()!="Nein"){FotoNEW[Nummer].preload=new Image();FotoNEW[Nummer].preload.src=FotoNEW[Nummer][FotoNEW[Nummer].now+1];}
          if(FotoNEW[Nummer].ok==false){
      	FotoNEW[Nummer].ok=true;
      	if(w==true){Wechseln(Nummer,1);}
      } 
    }
      
      function ausgebenNEW() {
        if (httpA.readyState == 4) {                        //wenn geladen, wird gefilert...
          httpB.innerHTML = httpA.responseText;            //Die Seite  
          
          for (var d=0;d<httpB.getElementsByTagName("div").length;d++){
            if(httpB.getElementsByTagName("div")[d].id=="BilderListe"){
              httpR.innerHTML=httpB.getElementsByTagName("div")[d].innerHTML;break;
           }
         }
        Create();

        }

      }
    }     



function Wechseln2NEW(Nummer,was){	
	var Temp=FotoNEW[Nummer];
	var Tlength=Temp.httpF.childNodes.length-1;
	if(was==1&&Temp.nowX!=Tlength){	  
	  Temp.nowX++;
  }
  if(was==2&&Temp.nowX!=0){  		  
	  Temp.nowX--;	  
  }
  if(Temp.nowX==1){document.getElementById(Nummer+"Pfeillinksk").src="http://lev-mitte.de/images/pfeillinks.png";}
	if(Temp.nowX==0){document.getElementById(Nummer+"Pfeillinksk").src="http://lev-mitte.de/images/pfeillinks-d.png";}
	if(Temp.nowX==Tlength-1){document.getElementById(Nummer+"Pfeilrechtsk").src="http://lev-mitte.de/images/pfeilrechts.png";}
	if(Temp.nowX==Tlength){document.getElementById(Nummer+"Pfeilrechtsk").src="http://lev-mitte.de/images/pfeilrechts-d.png";}
  WechselnB (Nummer);
  document.getElementById(""+Nummer+"G").innerHTML="Andere Bilder (S. "+(Temp.nowX+1)+" von "+(Tlength+1)+")";
  if(was==3){
  /**if(alles==false){
   var allebilder='';
   for (var z=0;z<Temp.httpF.childNodes.length;z++){
   	 allebilder=allebilder+Temp.httpF.childNodes[z];
   }
   document.getElementById(""+Nummer+"F").innerHTML=allebilder.innerHTML;
   document.getElementById(""+Nummer+"G").innerHTML="Alle Bilder";	  	
   alles=true;
   }else{   	
   	alert("hier");
   	WechselnB (Nummer);
  }**/
  }
}
function Archiv(){
		var httpA = initXMLHttpClient();
 
        var Seite="http://www.lev-mitte.de/Archiv";
    if(document.URL.indexOf("www")==-1){
      	Seite=Seite.replace(/www./g, "");
      }
      if (httpA != "Nein") {
         httpA.open("GET", Seite, true);
         httpA.onreadystatechange = ausgeben;
         httpA.send(null);
      }      
      function ausgeben() {
        if (httpA.readyState == 4) {
        	var httpB = document.createElement("div");
        	httpB.innerHTML = httpA.responseText;        	     	
        	document.getElementById("ArchivO").innerHTML=httpB.getElementsByTagName("div")[1].innerHTML;
        }
      } 
      if(httpA== "Nein"){
      	document.getElementById("ArchivO").innerHTML='<p>Einen Index aller Archivseiten finden Sie <a href="http://www.lev-mitte.de/Archiv">hier</a>';
      }
      
      for (var y=0;y<LinkA.length;y++){
      	if(httpA!= null){
          document.getElementById(LinkA[y]).innerHTML=LinkB[y];
        }else{
        	document.getElementById(LinkA[y]).innerHTML=LinkC[y];
        }
      }

    }


function Perma(){
if(document.URL.indexOf("/2001/01/")!=-1||document.URL.indexOf("/Archiv/")!=-1){
  document.getElementById("BilderListe").style.display="none";			
	var gesamt=document.getElementById("BilderListe").getElementsByTagName("tr");
	var zeile=gesamt[1].getElementsByTagName("td")[0];
	EingabeNEW("N10","hier",gesamt[2].getElementsByTagName("td")[0].innerHTML,
	  zeile.getElementsByTagName("img")[0].src.replace(/\_t.jpg/g,".jpg"),
	  zeile.getElementsByTagName("a")[2].href,
	  zeile.getElementsByTagName("a")[0].href	);
	AjaxNEW2("N10","hier");
}
}