/*
		Created by Stefan Mayer Webdesign in 2010 (c)
		Website: http://www.sm-webdesign.at
		
		DIESES SCRIPT KANN FREI VERWENDET WERDEN,
		JEDOCH MUSS DER COPYRIGHTHINWEIS VORHANDEN
		BLEIBEN.
		OPTIMIERT FÜR:
			- MOZILLA FIREFOX
			- APPLE SAFARI
			- MICROSOFT INTERNET EXPLORER
			- CSS3 STANDART
			
		START
	*/
	
	var FADE_INTERVALL 			= 5;		// in ms
	var FADE_INTERVALL_OTHER 	= 5;		// in ms
	var FADE_INTERVALL_IE 		= 0;		// in ms
	
	var WAIT_TIME				= 5000;		// in ms
	
	var FADE_STEPS				= 1;
	var FADE_STEPS_OTHER		= 1;		// von 1 - 100
	var FADE_STEPS_IE 			= 10;		// von 1 - 100
	
	var MAX_PICTURES			= 8;		// von 2 - oo
	
	var IE = document.all?true:false;

	function rotate_rek( start, fade_flag )
	{
		if( IE ) {
			FADE_STEPS = FADE_STEPS_IE;
			FADE_INTERVALL = FADE_INTERVALL_IE;
		} else {
			FADE_STEPS = FADE_STEPS_OTHER;
			FADE_INTERVALL = FADE_INTERVALL_OTHER;
		}
		
		if( fade_flag >= 1 && fade_flag < 100 )
		{
			fade_flag += FADE_STEPS;
			
			
			if( start == 1 )
			{

				document.getElementById('img'+start).style.opacity = fade_flag/100;						// CSS3
				document.getElementById('img'+(MAX_PICTURES)).style.opacity = 1.0 - fade_flag/100;		// CSS3
				
				document.getElementById('img'+start).style.MozOpacity = fade_flag/100;					// FF
				document.getElementById('img'+(MAX_PICTURES)).style.MozOpacity = 1.0 - fade_flag/100;	// FF
				
				document.getElementById('img'+start).style.KhtmlOpacity = fade_flag/100;				// Safari
				document.getElementById('img'+(MAX_PICTURES)).style.KhtmlOpacity = 1.0 - fade_flag/100;	// Safari
				
				document.getElementById('img'+start).style.filter = "alpha(opacity = " + fade_flag + ")";						// IE
				document.getElementById('img'+(MAX_PICTURES)).style.filter = "alpha(opacity = " + (100.0 - fade_flag) + ")";	// IE
		
				
			}else
			{			
				document.getElementById('img'+start).style.opacity = fade_flag/100;					// CSS3
				document.getElementById('img'+(start-1)).style.opacity = 1.0 - fade_flag/100;		// CSS3
				
				document.getElementById('img'+start).style.MozOpacity = fade_flag/100;				// FF
				document.getElementById('img'+(start-1)).style.MozOpacity = 1.0 - fade_flag/100;	// FF
				
				document.getElementById('img'+start).style.KhtmlOpacity = fade_flag/100;			// Safari
				document.getElementById('img'+(start-1)).style.KhtmlOpacity = 1.0 - fade_flag/100;	// Safari
				
				document.getElementById('img'+start).style.filter = "alpha(opacity = " + fade_flag + ")";					// IE
				document.getElementById('img'+(start-1)).style.filter = "alpha(opacity = " + (100.0 - fade_flag) + ")";		// IE
			}
			
			window.setTimeout( "rotate_rek(" + start + ","+ fade_flag + ")", FADE_INTERVALL );
		}else{
			fade_flag = 1;
			start++;
			if( start > MAX_PICTURES )
				start = 1;
			
			window.setTimeout( "rotate_rek(" + start + ","+ fade_flag + ")", WAIT_TIME );
		}

	}
	
	function start()
	{
		rotate_rek( 2, 1 );
	}
	
	window.onload = start;
	
	/*
		END
	*/