var pos = 0;
var dt = 4000;

var bilder = new Array();
bilder[0] = new Image();
bilder[0].src = "img/oben/blockhaus.jpg";
bilder[1] = new Image();
bilder[1].src = "img/oben/blockhaus-auszeichnungen.jpg";
bilder[2] = new Image();
bilder[2].src = "img/oben/campingplatz_oben.jpg";
bilder[3] = new Image();
bilder[3].src = "img/oben/restaurant_innen_tag.jpg";
bilder[4] = new Image();
bilder[4].src = "img/oben/sauna_oben.jpg";


var N = bilder.length;
var g_opacity = 0;

var g_dia1 = null;
var g_dia2 = null;




function init()
{
	g_dia1 = document.images.dia1;
	g_dia2 = document.images.dia2;	
}

function umschalt1()
{
	if( !g_dia2 || !g_dia2.complete )
	{		
		init();
		window.setTimeout( "umschalt1()", 150 );	
		return;
	}
	
	window.setTimeout( "umschalt1()", dt );	

	var alt = pos;
	pos = (pos + 1) % N;

	
	g_dia2.src = bilder[alt].src;
	
	
	setop( g_dia2, 100 );		
	window.setTimeout( "umschalt2()", 400 ); // firefox
}


// firefox
function umschalt2()
{
	g_dia1.src = bilder[pos].src;
	g_opacity = 100;
}

function fade()
{
	window.setTimeout( "fade()", 20 );
	
	if( g_dia2 == null )
		return;
	
	g_opacity -= 4;
	if( g_opacity >= 0 )
	{
		setop( g_dia2, g_opacity );	
	}
}


function setop( obj, opacity )
{
	/* helper function to deal specifically with images and the cross-browser differences in opacity handling */	
	if (obj.style) {
		if (obj.style.MozOpacity!=null) {  
			/* Mozilla's pre-CSS3 proprietary rule */
			obj.style.MozOpacity = (opacity/100) - .001;
		} else if (obj.style.opacity!=null) {
			/* CSS3 compatible */
			obj.style.opacity = (opacity/100) - .001;
		} else if (obj.style.filter!=null) {
			/* IE's proprietary filter */
			obj.style.filter = "alpha(opacity="+opacity+")";
		}
	}
}



window.setTimeout( "umschalt1()", dt );
window.setTimeout( "fade()", dt );