// JavaScript Document

aktPage = 1;		// Start-Page
TimeToNext = 1200;	// Zeit bis zum Wechsel bei automatischer Animation
ButtonCount = 5;	// Buttons-Anzahl

// Animations-Funktion
function fctAnimate( i,auto )
{

	if ( i != aktPage )
	{

		// Automatische Animation stoppen
		if( auto == false )
		{
			window.clearTimeout(Animation);
		}
		
		// Button-Zustände setzen
			if ( navigator.appName == "Microsoft Internet Explorer" && navigator.appVersion.substring(22, 23) <= 6 )
			{
				document.getElementById("AniButton"+aktPage).innerHTML = "<img src='"+ arrButtons[(aktPage-1)][0] +"' border='0'>";
				document.getElementById("AniButton"+i).innerHTML = "<img src='"+ arrButtons[(i-1)][1] +"' border='0'>";
				$(document).pngFix();
			}
			else
			{
				document.getElementById("AniButtonImg"+aktPage).src = arrButtons[(aktPage-1)][0];
				document.getElementById("AniButtonImg"+i).src = arrButtons[(i-1)][1];
			}
			
		// Altes Bild unsichtbar machen
		$('#AniImage'+	aktPage).css( { display: "none" } );	
	
		// Neues Bild anzeigen
		aktPage = i;
		$('#AniImage'+	aktPage).css( { display: "block", opacity: 0 } )
						.animate({ opacity: 1 });
	
		// Bei automatischer Animation, weiterlaufen lassen
		if ( auto == true )
		{
			// Automatischer Wechsel bis zum letzten Element, dann wieder das Erste anzeigen und automatischen Wechsel deaktivieren
			if ( i < ButtonCount )
				Animation = window.setTimeout("fctAnimate( "+ (i+1) +",true );",TimeToNext);
			else
				Animation = window.setTimeout("fctAnimate( 1,false );",TimeToNext);
		}
	}
}

	// Preload /fileadmin/templates/images/startteaser
	(function($) {
	  var cache = [];
	  // Arguments are image paths relative to the current page.
	  $.preLoadImages = function() {
		var args_len = arguments.length;
		for (var i = args_len; i--;) {
		  var cacheImage = document.createElement('img');
		  cacheImage.src = arguments[i];
		  cache.push(cacheImage);
		}
	  }
	})(jQuery)

	/*
	jQuery.preLoadImages("/fileadmin/templates/images/startteaser/navi/rizzi_off.png", "/fileadmin/templates/images/startteaser/navi/rizzi_on.png",
						"/fileadmin/templates/images/startteaser/navi/rizzi_kids_off.png","/fileadmin/templates/images/startteaser/navi/rizzi_kids_on.png",
						"/fileadmin/templates/images/startteaser/navi/centro_hits_off.png","/fileadmin/templates/images/startteaser/navi/centro_hits_on.png",
						"/fileadmin/templates/images/startteaser/navi/desigual_off.png","/fileadmin/templates/images/startteaser/navi/desigual_on.png",
						"/fileadmin/templates/images/startteaser/navi/massgerecht_off.png","/fileadmin/templates/images/startteaser/navi/massgerecht_on.png",
						"/fileadmin/templates/images/startteaser/rizzi.jpg",
						"/fileadmin/templates/images/startteaser/rizzi_kids.jpg",
						"/fileadmin/templates/images/startteaser/hits.jpg",
						"/fileadmin/templates/images/startteaser/desigual.jpg",
						"/fileadmin/templates/images/startteaser/massgerecht.jpg");*/
						
	function LoadImage( i )
	{
		document.AniImg[i].src = arrImages[i];
		checkIfLoad( i );
	}
	
	function checkIfLoad( i ){

		if ( document.getElementsByName("AniImg")[i].complete == true )
		{
			
			if ( i == 0 )
			{
				$("#AniImage1Links").css( { display: "block" } );
				$("#AniButton1").css( { display: "inline" } );
				$("#AniButton1").hover(function(){	fctAnimate( 1,false ); });
			}
			if ( i == 1 )
			{
				$("#AniImage2Links").css( { display: "block" } );
				$("#AniButton2").css( { display: "inline" } );
				$("#AniButton2").hover(function(){	fctAnimate( 2,false ); });
			}
			if ( i == 2 )
			{
				$("#AniImage3Links").css( { display: "block" } );
				$("#AniButton3").css( { display: "inline" } );
				$("#AniButton3").hover(function(){	fctAnimate( 3,false ); });
			}
			if ( i == 3 )
			{
				$("#AniImage4Links").css( { display: "block" } );
				$("#AniButton4").css( { display: "inline" } );
				$("#AniButton4").hover(function(){	fctAnimate( 4,false ); });
			}
			if ( i == 4 )
			{
				$("#AniImage5Links").css( { display: "block" } );
				$("#AniButton5").css( { display: "inline" } );
				$("#AniButton5").hover(function(){	fctAnimate( 5,false ); });
			}
			
			if ( i < (arrImages.length-1) )
			{
				LoadImage( (i+1) );
			}
			else
			{
				Animation = window.setTimeout("fctAnimate( 2,true );",TimeToNext); 
				$(document).pngFix();
			}
		}
		else
		{
			window.setTimeout( "checkIfLoad( "+ i +" )",100);
		}
		
	}
	
	function fctSetStartImages() {

		var b = 0;

		// Bild 1
		if( document.getElementById("button1_maus_off").getElementsByTagName("img").length == 1 && document.getElementById("button1_maus_on").getElementsByTagName("img").length == 1 && document.getElementById("button1_teaser").getElementsByTagName("img").length == 1 )
		{
			arrButtons[b] = new Array( document.getElementById("button1_maus_off").getElementsByTagName("img")[0].src, document.getElementById("button1_maus_on").getElementsByTagName("img")[0].src );
			arrImages[b] =  document.getElementById("button1_teaser").getElementsByTagName("img")[0].src;
			b++;
		}
		
		// Bild 2
		if( document.getElementById("button2_maus_off").getElementsByTagName("img").length == 1 && document.getElementById("button2_maus_on").getElementsByTagName("img").length == 1 && document.getElementById("button2_teaser").getElementsByTagName("img").length == 1 )
		{
			arrButtons[b] = new Array( document.getElementById("button2_maus_off").getElementsByTagName("img")[0].src, document.getElementById("button2_maus_on").getElementsByTagName("img")[0].src );
			arrImages[b] =  document.getElementById("button2_teaser").getElementsByTagName("img")[0].src;
			b++;
		}
		
		// Bild 3
		if( document.getElementById("button3_maus_off").getElementsByTagName("img").length == 1 && document.getElementById("button3_maus_on").getElementsByTagName("img").length == 1 && document.getElementById("button3_teaser").getElementsByTagName("img").length == 1 )
		{
			arrButtons[b] = new Array( document.getElementById("button3_maus_off").getElementsByTagName("img")[0].src, document.getElementById("button3_maus_on").getElementsByTagName("img")[0].src );
			arrImages[b] =  document.getElementById("button3_teaser").getElementsByTagName("img")[0].src;
			b++;
		}
		
		// Bild 4
		if( document.getElementById("button4_maus_off").getElementsByTagName("img").length == 1 && document.getElementById("button4_maus_on").getElementsByTagName("img").length == 1 && document.getElementById("button4_teaser").getElementsByTagName("img").length == 1 )
		{
			arrButtons[b] = new Array( document.getElementById("button4_maus_off").getElementsByTagName("img")[0].src, document.getElementById("button4_maus_on").getElementsByTagName("img")[0].src );
			arrImages[b] =  document.getElementById("button4_teaser").getElementsByTagName("img")[0].src;
			b++;
		}
		
		// Bild 5
		if( document.getElementById("button5_maus_off").getElementsByTagName("img").length == 1 && document.getElementById("button5_maus_on").getElementsByTagName("img").length == 1 && document.getElementById("button5_teaser").getElementsByTagName("img").length == 1 )
		{
			arrButtons[b] = new Array( document.getElementById("button5_maus_off").getElementsByTagName("img")[0].src, document.getElementById("button5_maus_on").getElementsByTagName("img")[0].src );
			arrImages[b] =  document.getElementById("button5_teaser").getElementsByTagName("img")[0].src;
			b++;
		}
		
		//for( i=0;i<a.length;i++ )
		//{
			/*
			if( a[i].getElementsByTagName("img")[0].src && a[i].getElementsByTagName("img")[1].href && a[i].getElementsByTagName("img")[2].href )
			{
				arrButtons[b] = new Array( a[i].getElementsByTagName("img")[0].src,a[i].getElementsByTagName("img")[1].src );
				arrImages[b] = a[i].getElementsByTagName("img")[2].src;
				b++;
			}
			*/
		//}
		
		if( arrButtons.length > 0 )
		{
			var strText = "";
			for( i=0;i<arrButtons.length;i++ )
			{
				if( i==0 )
					strText += '<a href="javascript:;" id="AniButton'+ (i+1) +'"><img id="AniButtonImg'+ (i+1) +'" src="'+ arrButtons[i][1] +'" border="0" /></a>';
				else
					strText += '<a href="javascript:;" id="AniButton'+ (i+1) +'"><img id="AniButtonImg'+ (i+1) +'" src="'+ arrButtons[i][0] +'" border="0" /></a>';
			}
			document.getElementById("AniButtons").innerHTML = strText;
		}
		
	}