// JavaScript Document

function FadeElement(val,val2){
 
 if (document.getElementById(val).style.display=="none") {
 	 new Effect.Appear(val);

 	 document.getElementById(val2).innerHTML = 'Bild ausblenden';
	
 } else {
	 new Effect.Shrink(val);
	 document.getElementById(val2).innerHTML = 'Bild einblenden';
	
 }
 

}


function Accordion(val,call) {
	if ( $(val).style.display=="none"){
		 new Effect.BlindDown(val,{duration:2.0});	
		 $(call).innerHTML = 'Daten einblenden'; 	
	} else {
		new Effect.BlindUp(val,{duration:2.0});
				$(call).innerHTML = 'Daten ausblenden'; 	
	}
}



function FadeElementSitemap(val){
 
 if ($(val).style.display=="none") {
 	 new Effect.Appear(val);

 	
	
 } else {
	 new Effect.Shrink(val);

	
 }
 

}


function UnCryptMailto(s)
    {
        var n = 0;
        var r = "";
        for( var i = 0; i < s.length; i++)
        {
            n = s.charCodeAt( i );
            if( n >= 8364 )
            {
                n = 128;
            }
            r += String.fromCharCode( n - 1 );
        }
        return r;
}

function linkTo_UnCryptMailto(s) {
var v = "mailto:";
        location.href= v + UnCryptMailto(s);
}







// Definition LaufVariable
zaehler = 1;
// Aufruf der Funktion über timeout alle 5 Sekunden
setInterval("ImgSlider()", 7000);

function ImgSlider() {
    path = "../../../../../images/panzerfahrzeuge/bilder/panzerkampfwagen/";
var verzoegerung = 0.25;

  
         var tickerlist = new Array();

         tickerlist[0] = new Object();
         tickerlist[0]["img"] = path+"panther-a.jpg";
         tickerlist[0]["caption"] = "Desc";

         tickerlist[1] = new Object();
         tickerlist[1]["img"] = path+"pzIII_f.jpg";
         tickerlist[1]["caption"] = "Panzer III Ausführung F, bewaffnet mit der 5-cm KwK L/42 ";

         tickerlist[2] = new Object();
         tickerlist[2]["img"] = path+"pzII.jpg";
         tickerlist[2]["caption"] = "Panzer II in der Ausführung F von 1941.";
		
		 tickerlist[2] = new Object();
         tickerlist[2]["img"] = path+"pzII.jpg";
         tickerlist[2]["caption"] = "Panzer II in der Ausführung F von 1941.";

   
/*
    var tickerlist = new Array(); 

         tickerlist[0] = '{{skin url="images/Magazinbilder/304x120-bild2.jpg"}}';
         tickerlist[1] = '{{skin url="images/Magazinbilder/304x120-bild3.jpg"}}';
         tickerlist[2] = '{{skin url="images/Magazinbilder/304x120-bild4.jpg"}}';
         tickerlist[3] = '{{skin url="images/Magazinbilder/304x120-bild1.jpg"}}';
*/


    	// Fade Effekt blendet aus
	
         new Effect.Fade('slider', 
                             {
							
                                duration: verzoegerung, 
								
                                afterFinish:function() 
                                {
												
                                                   Effect.Appear('slider',{duration:0.25});
                                                   $('slider').src = tickerlist[zaehler]["img"]; 
												   
												   Effect.Appear('slidercaption');
                                                   $('slidercaption').innerHTML = tickerlist[zaehler]["caption"];  
                                } 
                             }
                       ); 


	
	zaehler = (zaehler+1) % tickerlist.length;
}




/*#### Benutzerinteraktiver Slide zum Sliden von DivContainer ####*/
/*Copyright by Timo Prüssing 1. Februar 2009*/

limit = 1;
active = true;

window.onload = function () {
    
	 
         if ( $('slidecontainer').getElementsByClassName("slide-element").length > 1  ) {
                 counter(1,$('slidecontainer').getElementsByClassName("slide-element").length);
         } else {
                 counter(0,$('slidecontainer').getElementsByClassName("slide-element").length);
                   document.getElementsByClassName('left-navi')[0].style.display = "none";  
         }
	
	//if (limit == 1) {document.getElementsByClassName('left-navi')[0].style.display = "none"; }
	//counter(1,$('slidecontainer').getElementsByClassName("slide-element").length);
}




function counter (limit,child) {
$('element-counter').innerHTML = limit +" von "+child;		
}


function moveleft (pos,fade) {

// Ermittlung der Anzahl der Divs innerhalb des Sliders, Divs werden durch PHP Script gerendert 
child = $('slidecontainer').getElementsByClassName("slide-element").length;
    

limit++;
// blendet rechten nav-Button bei Start aus
	
    if ( limit > 1  )   {    document.getElementsByClassName('left-navi')[0].style.display = "block";  }

   
    if (limit > child  ) {
              // Fallback wenn alle Container einmal durchgelaufen Schleife wieder von Vorn
			  $('slidecontainer').style.display = "none";  
              $('slidecontainer').style.left = "-12px";
              new Effect.Appear('slidecontainer', {duration: 0.5 });
              new Effect.Move('slidecontainer',{ x: 12, y: 0, mode: "relative", duration: 0.25, transition: Effect.Transitions.linear });
              limit = 1; 
              document.getElementsByClassName('left-navi')[0].style.display = "none";
			  counter(limit,child);

    } else {
			
			 // Fade Effekt 
		
			
			 if (fade==1){
				 $('slidecontainer').style.display = "none";   	 
			 
				 new Effect.Move('slidecontainer',{ x: 0.1-pos, y: 0, mode: "relative", duration: 0.1, 
							 					transition: Effect.Transitions.linear,
												
												afterUpdate: function () {
															  new Effect.Appear('slidecontainer', 
																				{duration: 1,
																				 transition: Effect.Transitions.linear
																				});	
													
															}
												});
			 
			 } 
			 // Slide Effekt
			 else {
				 new Effect.Move('slidecontainer',{ x: 0.1-pos, y: 0, mode: "relative", duration: 0.5, transition: Effect.Transitions.linear }); 
			 }
			 
			 counter(limit,child);
       
    }





}


function moveright (pos,fade)  {

    // Ermittlung der Anzahl der Divs innerhalb des Sliders, Divs werden durch PHP Script gerendert 
    child = $('slidecontainer').getElementsByClassName('slide-element').length;


    limit--;
  if (limit == 1)  { document.getElementsByClassName('left-navi')[0].style.display = "none";    }

   
    if ( (limit == 0)  ) {
              // Fallback wenn alle Container einmal durchgelaufen Schleife wieder von Vorn
              $('slidecontainer').style.display = "none";  
              $('slidecontainer').style.left = "-12px";
              new Effect.Appear('slidecontainer', {duration: 0.5 });
              new Effect.Move('slidecontainer',{ x: 12, y: 0, mode: "relative", duration: 0.25, transition: Effect.Transitions.linear });
              limit = 1; 
              document.getElementsByClassName('left-navi')[0].style.display = "none"; 
			  
    } else {
		    
			// Fade Effekt 
			 if (fade==1){
				 $('slidecontainer').style.display = "none";   	 
			 
				 new Effect.Move('slidecontainer',{ x: 0.1+pos, y: 0, mode: "relative", duration: 0.1, 
							 					transition: Effect.Transitions.linear,
												
												afterUpdate: function () {
															  new Effect.Appear('slidecontainer', 
																				{duration: 1,
																				 transition: Effect.Transitions.linear
																				});	
													
															}
												});
			 
			 } else {
			 // Slide Effekt
			 
			 new Effect.Move('slidecontainer',{ x: 0.1+pos, y: 0, mode: "relative", duration: 0.5, transition: Effect.Transitions.linear });
			 }
            
            counter(limit,child);
			  
    }





}