	<!--
	// image preloader
	if(document.images) 
	{
		img1 = new Image(); img1.src = "images/keyvisual_g_01.jpg";
		img2 = new Image(); img2.src = "images/keyvisual_g_02.jpg";
		img3 = new Image(); img3.src = "images/keyvisual_g_03.jpg";
		img4 = new Image(); img4.src = "images/keyvisual_g_04.jpg";
	}

	// aktuell angehzeigtes keyvisual
	var currentKeyvisual = 'A';
	var picChangeinProgress = 'no';

	// miliseconds between picture switch
	var picSwitchInterval = 5000;

	// picture changer
	var currentTime = new Date();
	var picNextTime = currentTime.getTime() + 20;

	// automatic picture changer
	changetimer = window.setTimeout(picChange, picSwitchInterval);
	
	function thumbSwitch(targetpic)
	{
		document.getElementById('thumb1').src ='images/keyvisual_01_mini.png';		
		document.getElementById('thumb2').src ='images/keyvisual_02_mini.png';			
		document.getElementById('thumb3').src ='images/keyvisual_03_mini.png';			
		document.getElementById('thumb4').src ='images/keyvisual_04_mini.png';			

		if(targetpic == "A") { document.getElementById('thumb1').src ='images/keyvisual_01_mini_on.png'; }
		if(targetpic == "B") { document.getElementById('thumb2').src ='images/keyvisual_02_mini_on.png'; }
		if(targetpic == "C") { document.getElementById('thumb3').src ='images/keyvisual_03_mini_on.png'; }
		if(targetpic == "D") { document.getElementById('thumb4').src ='images/keyvisual_04_mini_on.png'; }
	}

	function picChange()
	{
		if(currentKeyvisual == 'A') { targetvisual = 'B'; picnr = "02"; }
		if(currentKeyvisual == 'B') { targetvisual = 'C'; picnr = "03"; }
		if(currentKeyvisual == 'C') { targetvisual = 'D'; picnr = "04"; }
		if(currentKeyvisual == 'D') { targetvisual = 'A'; picnr = "01"; }

		currentKeyvisual = targetvisual; // set new value
		
		// now switch picture automatically
		swappi = window.setTimeout("Effect.Fade('keyvisual', { duration: 0.5 });" ,0);
		swappi = window.setTimeout("document.getElementById('keyvisual').src ='images/keyvisual_g_'+picnr+'.jpg';" ,530);
		swappi = window.setTimeout("Effect.Appear('keyvisual', { duration: 0.5 });" ,550);

		// change active thumbnail
		thumbSwitch(currentKeyvisual);

		// set new timer
		changetimer = window.setTimeout(picChange, picSwitchInterval);	
	}


	function picSwap(targetpic)
	{
		// reset switch timer
		if(changetimer) { window.clearTimeout(changetimer);	}	
		changetimer = window.setTimeout(picChange, picSwitchInterval);	

		var currentTimeNow = new Date();
		var picNextTimeNow = currentTimeNow.getTime();
		
		// switch picture only when current picture is different than target picture...
		if(targetpic != currentKeyvisual && picNextTimeNow > picNextTime && picChangeinProgress == 'no')
		{
			// switch active thumbnail
			thumbSwitch(targetpic);

			setTimeout("picChangeinProgress='yes'; Effect.Fade('keyvisual', { duration: 0.2 });" ,0);
			if(targetpic == "A") { currentKeyvisual = 'A'; setTimeout("document.getElementById('keyvisual').src ='images/keyvisual_g_01.jpg';" ,201); }
			if(targetpic == "B") { currentKeyvisual = 'B'; setTimeout("document.getElementById('keyvisual').src ='images/keyvisual_g_02.jpg';" ,201); }
			if(targetpic == "C") { currentKeyvisual = 'C'; setTimeout("document.getElementById('keyvisual').src ='images/keyvisual_g_03.jpg';" ,201); }
			if(targetpic == "D") { currentKeyvisual = 'D'; setTimeout("document.getElementById('keyvisual').src ='images/keyvisual_g_04.jpg';" ,201); }
			setTimeout("picChangeinProgress='no'; Effect.Appear('keyvisual', { duration: 0.2 });" ,250);

			currentTime = new Date();
			picNextTime = currentTime.getTime() + 200;
		}
	} 
	-->