$(document).ready( function() {

	/* default */
	
	var nextway;
	var aktway = 1;	
	
	/* animationsloop starten */
	
	var animation = window.setInterval( "$().runAni()" , 8000 );

	
	/* animation */

	jQuery.fn.runAni = function( aktw ) {
				
		if( $(".stepout.act").size() == 0 ) {
			/* first start */	
			preway = 0;
			$(".wayframe").animate({ opacity: 0 }, 0 );	
			$(".waydesc").css("display","none");
			$(".wayani").html("<img />");
		}else{
			/* preway setzen*/
			preway = $(".stepout.act a").attr("id").charAt(2);					
		}
		
		if(aktw){ aktway = aktw; }				
		
		/* alten ausblenden */
		$("#way" + preway ).animate({ opacity: 0 }, 500 );
		$("#way" + preway + " .waydesc").css("display","none");				


		/* neuen einblenden */
		$("#way" + aktway ).animate({ opacity: 1 }, 500 );
		
		
		/* bildanimation */
		runPic( aktway , 1 );
		
		
		$(".w" + preway ).removeClass("act");
		$(".w" + aktway ).addClass("act");		
		
		if( aktway == 3 ){
			aktway = 1;
			preway = 3;
		}else{
			preway = aktway;			
			aktway = aktway + 1;
		}		
						   
	};
	
	
	/* aninamation frist-start */

	$().runAni();
	
	
	/* aktion hover*/
	
	$("#hot a, #ashot a").hover( function(){

		window.clearInterval(animation);

		aktwa = parseInt( $(this).attr("id").charAt(2) );

		$().runAni(aktwa);
	
	}, function(){
		
		animation = window.setInterval( "$().runAni()" , 8000 );

	});	
	


						   
});


/* picrun */
	
	function runPic( aktway , step ){		
		
		if(step == 1){
			
			$("#wayani" + aktway).css("display", "none");			
			
			window.setTimeout("fadePic(" + aktway +")", 1000);
			
			$("#way" + aktway + " .waydesc").css("display", "block");								

		}
			
	};
	
	function fadePic( aktway ){

		var timestamp = Date.parse(new Date());		
		//$("#wayani" + aktway).html('<img src="' + imagespfad + 'ani_w' + aktway + '.gif?ts='+timestamp+'">').css("display", "block");
		$("#wayani" + aktway).css("display", "block");
		$("#wayani" + aktway + " img").attr('src', imagespfad + 'ani_w' + aktway + '.gif');

	};