// JavaScript Document

<!--

/***********************************************************/
/*****   Variablen Deklarationen		 				 ***/
/***********************************************************/

/* Uhrzeit */
var _Uhr_CurrentSekunden=0;
var _Uhr_Anzeige=0;
var _Uhr_ID=0;
var _Pfeile=0;
var _PfeileCounter=0;

/* Aktionen nach Ablauf von Videos */
var _video_HE_3;
var _video_HE_3_helper=true;
var _video_HE_4_A;
var _video_HE_4_A_helper=true;
var _video_HE_5;
var _video_HE_5_helper=true;
var _video_HE_6_B;
var _video_HE_6_B_helper=true;

/* loopMenues - Schaltflächen freischalten */
var _button_He4_a=0;
var _button_He4_b=0;
var _button_He6_a=0;
var _button_He6_b=0;





<!-- JavaScript Funktion: Preload BG-Images -->

function preloadImages() {
  var d=document; if(d.images){ if(!d.p) d.p=new Array();
    var i,j=d.p.length,a=preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.p[j]=new Image; d.p[j++].src=a[i];}}
}



/***********************************************************/
/*****   Opacity von LoopMenues Steuern          		 ***/
/***********************************************************/

function opacity_HE4_bright(){
	document.getElementById("videoContainer_HE_4").style.opacity='1';
	document.getElementById("HE_4_A_BUTTON").style.opacity='1';
	document.getElementById("HE_4_B_BUTTON").style.opacity='1';
	document.getElementById("HE_4_C_BUTTON").style.opacity='1';
	video_HE_4.play();
	}
	
function opacity_HE4_dark(){
	document.getElementById("videoContainer_HE_4").style.opacity='0.2';
	document.getElementById("HE_4_A_BUTTON").style.opacity='0';
	document.getElementById("HE_4_B_BUTTON").style.opacity='0';
	document.getElementById("HE_4_C_BUTTON").style.opacity='0';
	video_HE_4.pause();
	}

function opacity_HE6_bright(){
	document.getElementById("videoContainer_HE_6").style.opacity='1';
	document.getElementById("HE_6_A_BUTTON").style.opacity='1';
	document.getElementById("HE_6_B_BUTTON").style.opacity='1';
	document.getElementById("HE_6_C_BUTTON").style.opacity='1';
	video_HE_6.play();
	}
	
function opacity_HE6_dark(){
	document.getElementById("videoContainer_HE_6").style.opacity='0.2';
	document.getElementById("HE_6_A_BUTTON").style.opacity='0';
	document.getElementById("HE_6_B_BUTTON").style.opacity='0';
	document.getElementById("HE_6_C_BUTTON").style.opacity='0';
	video_HE_6.pause();
	}

/***********************************************************/
/*****   loopMenues - Schaltflächen freischalten		 ***/
/***********************************************************/


/* Pruefkriterien um Reihenfolge zu erzwingen bei Wiesenloop HE_4  */

function He4_a_varTrue(){
	document.getElementById("HE_4_A").style.display='block';
	document.getElementById("spacer").style.top='1530px';
	HE4_A_VideoEinfuegen(); /* videotag in den Container einfuegen */
	_button_He4_a=1;
	window.setTimeout("artenscannerButtonVisited()", 2000);
	}

function artenscannerButtonVisited(){
	document.getElementById("HE_4_A_BUTTON").style.backgroundImage="url(grafics/bg_button_artenscanner-visited.png)";
	He4_c_ButtonFreischalten();
	}

function He4_b_varTrue(){
	HE4_B_BildEinfuegen();
	_button_He4_b=1;
	window.setTimeout("wetterButtonVisited()", 2000);
	He4_c_ButtonFreischalten();
	}
	
function wetterButtonVisited(){
	document.getElementById("HE_4_B_BUTTON").style.backgroundImage="url(grafics/bg_button_wetter-visited.png)";
	He4_c_ButtonFreischalten();
	}


function He4_c_ButtonFreischalten(){
	if (_button_He4_a==1 && _button_He4_b==1){
		document.getElementById("HE_4_C_BUTTON").style.display='block';
		}
	}


/* Pruefkriterien um Reihenfolge zu erzwingen bei Huettenloop HE_6  */

function He6_a_varTrue(){
	HE6_A_BildEinfuegen();
	_button_He6_a=1;
	window.setTimeout("winterButtonVisited()", 2000);
	}
function winterButtonVisited(){
	document.getElementById("HE_6_A_BUTTON").style.backgroundImage="url(grafics/bg_button_winter-visited.png)";
	He6_c_ButtonFreischalten();
	}
	
function He6_b_varTrue(){
	document.getElementById("HE_6_B").style.display='block';
	HE6_B_VideoEinfuegen(); /* videotag in den Container einfuegen */
	_button_He6_b=1;
	window.setTimeout("kochenButtonVisited()", 2000);
	}
function kochenButtonVisited(){
	document.getElementById("HE_6_B_BUTTON").style.backgroundImage="url(grafics/bg_button_kochen-visited.png)";
	He6_c_ButtonFreischalten();
	}

function He6_c_ButtonFreischalten(){
	if (_button_He6_a==1 && _button_He6_b==1){
		document.getElementById("HE_6_C_BUTTON").style.display='block';
		}
	};
	
	
	
	
	
	
	
/***********************************************************/
/*****   videos Laden, welche automatisch starten		 ***/
/***********************************************************/


/* videostart von HE_4  */
	
function HE4_VideoEinfuegen(){
	document.getElementById('videoContainer_HE_4').innerHTML = '<video id="video_HE_4" width="480" height="270" autoplay loop><source src="videos/HE4.mp4" type=\'video/mp4; codecs="avc1.42E01E, mp4a.40.2"\'><source src="videos/HE4.ogv"  type=\'video/ogg; codecs="theora, vorbis"\'></video>';
	Effect.ScrollTo('video_HE_4', { offset:-200 });
	return false;
	};
	

/* videostart von HE_4a  */
	
function HE4_A_VideoEinfuegen(){
	document.getElementById('videoContainer_HE_4_A').innerHTML = '<video id="video_HE_4_A" width="480" height="270" controls autoplay><source src="videos/HE4a.mp4" type=\'video/mp4; codecs="avc1.42E01E, mp4a.40.2"\'><source src="videos/HE4a.ogv"  type=\'video/ogg; codecs="theora, vorbis"\'></video>';
	Effect.ScrollTo('video_HE_4_A', { offset:-200 });
	return false;
	};
	

/* einblenden von HE_4b  */
		
function HE4_B_BildEinfuegen(){
	Effect.ScrollTo('HE_4_B', { offset:-200 });
	//Effect.Appear('HE_4_B', { duration: 2 });
	document.getElementById("HE_4_B").style.display='block';
	return false;
	};
	
	
/* videostart von HE_5  */
	
function HE5_VideoEinfuegen(){
	document.getElementById("HE_5").style.display='block';	
	document.getElementById('videoContainer_HE_5').innerHTML = '<video id="video_HE_5" width="480" height="270" controls autoplay><source src="videos/HE5.mp4" type=\'video/mp4; codecs="avc1.42E01E, mp4a.40.2"\'><source src="videos/HE5.ogv"  type=\'video/ogg; codecs="theora, vorbis"\'></video>';
	document.getElementById("lineA_to_HE_5").style.display='block';
	window.setTimeout("huetteButtonVisited()", 2000);
	Effect.ScrollTo('video_HE_5', { offset:-200 });
	return false;
	};
	
function huetteButtonVisited(){
	document.getElementById("HE_4_C_BUTTON").style.backgroundImage="url(grafics/bg_button_huette-visited.png)";
	}

/* videostart von HE_6  */
	
function HE6_VideoEinfuegen(){
	document.getElementById('videoContainer_HE_6').innerHTML = '<video id="video_HE_6" width="480" height="270" autoplay loop><source src="videos/HE6.mp4" type=\'video/mp4; codecs="avc1.42E01E, mp4a.40.2"\'><source src="videos/HE6.ogv"  type=\'video/ogg; codecs="theora, vorbis"\'></video>';
	Effect.ScrollTo('video_HE_6', { offset:-200 });
	return false;
	};


/* einblenden von HE_6a  */
	
function HE6_A_BildEinfuegen(){
	//Effect.Appear('HE_6_A', { duration: 2 });
	document.getElementById("spacer").style.top='2850px';
	document.getElementById("HE_6_A").style.display='block';
	document.getElementById("line_to_HE_6_A").style.display='block';
	Effect.ScrollTo('HE_6_A', { offset:-100 });
	return false;
	};


/* videostart von HE_6b  */
	
function HE6_B_VideoEinfuegen(){
	document.getElementById('videoContainer_HE_6_B').innerHTML = '<video id="video_HE_6_B" width="480" height="270" controls autoplay><source src="videos/HE6b.mp4" type=\'video/mp4; codecs="avc1.42E01E, mp4a.40.2"\'><source src="videos/HE6b.ogv"  type=\'video/ogg; codecs="theora, vorbis"\'></video>';
	document.getElementById("line_to_HE_6_B").style.display='block';
	Effect.ScrollTo('video_HE_6_B', { offset:-200 });
	return false;
	};
	


/* videostart von HE_7  */
	
function HE7_VideoEinfuegen(){
	document.getElementById("HE_7").style.display='block';
	document.getElementById('videoContainer_HE_7').innerHTML = '<video id="video_HE_7" width="480" height="270" controls autoplay><source src="videos/HE7.mp4" type=\'video/mp4; codecs="avc1.42E01E, mp4a.40.2"\'><source src="videos/HE7.ogv"  type=\'video/ogg; codecs="theora, vorbis"\'></video>';
	document.getElementById("lineA_to_HE_7").style.display='block';
	window.setTimeout("teeButtonVisited()", 2000);
	Effect.ScrollTo('video_HE_7', { offset:-200 });
	return false;
	};
function teeButtonVisited(){
	document.getElementById("HE_6_C_BUTTON").style.backgroundImage="url(grafics/bg_button_tee-visited.png)";
	}




/***********************************************************/
/*****   Uhranzeige										 ***/
/***********************************************************/


function InitialisiereUhr() {
	_Uhr_Anzeige = document.getElementById("UHR");
}

function ResetAnzeigeUhr() {
	SetCountdownTextUhr(0);
}

function StartUhr() {
	if (_Uhr_ID == 0) {
		ResetAnzeigeUhr();
		_Uhr_ID = window.setInterval("TickenUhr()", 1000);
		_Pfeile = window.setInterval("PfeilEinblenden()", 100)
	}
}

function StopUhr() {
	if (_Uhr_ID > 0) {
		window.clearInterval(_Uhr_ID);
		_Uhr_ID = 0;
	}
}

function StopPfeile() {
	if (_PfeileCounter > 0) {
		window.clearInterval(_Pfeile);
		_PfeileCounter = 0;
	}
}

function PfeilEinblenden () {
	if (_PfeileCounter >= 30) { //12h max
			StopPfeile();
			return;
		}
	
	if (_PfeileCounter == 2){
		document.getElementById("spacer").style.display='block';
		document.getElementById("spacer").style.top='1100px';
		}	
	
	if (_PfeileCounter == 4){		/***   enthüllt nach 3 sec. HE_3   ***/
		document.getElementById("pfeil1_nachHE3").style.display='block';
		}	
		
	if (_PfeileCounter == 5){		/***   enthüllt nach 3 sec. HE_3   ***/
		document.getElementById("pfeil2_nachHE3").style.display='block';
		}
		
	if (_PfeileCounter == 6){		/***   enthüllt nach 3 sec. HE_3   ***/
		document.getElementById("pfeil3_nachHE3").style.display='block';
		}	
	
	if (_PfeileCounter == 7){		/***   enthüllt nach 3 sec. HE_3   ***/
		document.getElementById('videoContainer_HE_3').innerHTML = '<video id="video_HE_3" width="480" height="270" controls autoplay><source src="videos/HE3.mp4"  type=\'video/mp4; codecs="avc1.42E01E, mp4a.40.2"\'><source src="videos/HE3.ogv"  type=\'video/ogg; codecs="theora, vorbis"\'></video>';
		Effect.Appear('HE_3', { duration: 0.4 });
		}	
	
	if (_PfeileCounter == 9){		/***   laedt das Video video_HE_3 nach 4 sec. in den Container videoContainer_HE_3   ***/
		Effect.ScrollTo('HE_3', { offset:-200 });
		}
	
	_PfeileCounter++;
	}

function TickenUhr() {
	if (_Uhr_CurrentSekunden >= 43200) { //12h max
		StopUhr();
		return;
	}
	SetCountdownTextUhr(_Uhr_CurrentSekunden+1);
	
	
	/***********************************************************/
	/*****   zeitliche ausloesung von events oder funktionen ***/
	/***********************************************************/

	
  


	
	
	/***   enthüllt nach ablauf von HE_3 automatisch HE_4 und ruft die Funktion auf, die das loopvideo in den containder laedt  ***/
	_video_HE_3=document.getElementById("video_HE_3").ended;
	if (_video_HE_3 == true && _video_HE_3_helper == true){
		document.getElementById("line_to_HE_4").style.display='block';
		document.getElementById("spacer").style.display='block';
		document.getElementById("HE_4").style.display='block';
		Effect.Appear('HE_4_A_BUTTON', { duration: 1.7 });
		Effect.Appear('HE_4_B_BUTTON', { duration: 1.7 });
		//document.getElementById("HE_4_A_BUTTON").style.display='block';
		//document.getElementById("HE_4_B_BUTTON").style.display='block';
		_video_HE_3_helper=false;
		HE4_VideoEinfuegen();
		}	
		
	/***   scrollt nach ablauf von HE_4A automatisch zu HE_4  ***/
	_video_HE_4_A=document.getElementById("video_HE_4_A").ended;
	if (_video_HE_4_A == true && _video_HE_4_A_helper == true){
		_video_HE_4_A_helper=false;
		Effect.ScrollTo('video_HE_4', { offset:-200 });
		opacity_HE4_bright();
		}	
	

	/***   enthüllt nach ablauf von HE_5 automatisch HE_6 und ruft die Funktion auf, die das loopvideo in den containder laedt  ***/
	_video_HE_5=document.getElementById("video_HE_5").ended;
	if (_video_HE_5 == true && _video_HE_5_helper == true){
		document.getElementById("spacer").style.top='1920px';
		document.getElementById("HE_6").style.display='block';
		document.getElementById("line_to_HE_6").style.display='block';
		Effect.Appear('HE_6_A_BUTTON', { duration: 1.7 });
		Effect.Appear('HE_6_B_BUTTON', { duration: 1.7 });
		//document.getElementById("HE_6_A_BUTTON").style.display='block';
		//document.getElementById("HE_6_B_BUTTON").style.display='block';
		_video_HE_5_helper=false;
		HE6_VideoEinfuegen();
		}	
	

	/***  hellt nach ablauf von HE_6B automatisch HE_6 auf ***/
	_video_HE_6_B=document.getElementById("video_HE_6_B").ended;
	if (_video_HE_6_B == true && _video_HE_6_B_helper == true){
		_video_HE_6_B_helper=false;
		//Effect.ScrollTo('video_HE_6', { offset:-200 });
		opacity_HE6_bright();
		}	
	 

	/***********************************************************/
	/***********************************************************/
}

function SetCountdownTextUhr(seconds) {
	_Uhr_CurrentSekunden = seconds;
	var minutes=parseInt(seconds/60);
	seconds = (seconds%60);
	var hours=parseInt(minutes/60);
	minutes = (minutes%60);
	var strText = AddNull(hours) + ":" + AddNull(minutes) + ":" + AddNull(seconds);
	_Uhr_Anzeige.innerHTML = strText;
}

function AddNull(num) {
	return ((num >= 0)&&(num < 10))?"0"+num:num+"";
} 




	/***********************************************************/
	/*****   RollOver Bildertausch in HE4B					 ***/
	/***********************************************************/


function MM_preloadImages() {
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_swapImgRestore() {
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_findObj(n, d) {
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() {
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}








function toggleIdee() {
	var ideeAnz = document.getElementById('idee');
	if (ideeAnz.style.visibility=='hidden') {
		ideeAnz.style.visibility='visible';
	} else {
		ideeAnz.style.visibility='hidden';
	}
}

function toggleImpressum() {
	var impressumAnz = document.getElementById('impressum');
	if (impressumAnz.style.visibility=='hidden') {
		impressumAnz.style.visibility='visible';
	} else {
		impressumAnz.style.visibility='hidden';
	}
}

function togglePhotoInfo() {
	document.getElementById("photoInfo").style.display='none';
}
-->