// JavaScript Document


//globale Variablen
var Slide = new Array();
var Pic = new Array();
var Con = new Array();
var OpenSlider = 0;
var OpenPic = 0;


//nach dem Laden der Seite
window.addEvent('domready', function(){
									 
	//FlowPlayer einrichten
	flowplayer("player", "script/flowplayer/flowplayer-3.1.5.swf", {
		canvas: {backgroundGradient: 'none'},
		clip: {autoPlay: false, autoBuffering: false},
		plugins: {
   			controls: {
	  			autoHide: 'always',
      			buttonOverColor: '#595959',
      			progressGradient: 'medium',
      			bufferGradient: 'none',
      			timeBgColor: '#555555',
      			durationColor: '#949494',
      			timeColor: '#ffffff',
     			bufferColor: '#CC6600',
      			sliderColor: '#333333',
      			backgroundGradient: 'none',
      			progressColor: '#ffffff',
      			borderRadius: '15',
      			sliderGradient: 'none',
      			volumeSliderGradient: 'none',
      			backgroundColor: '#000000',
      			tooltipColor: '#333333',
      			buttonColor: '#333333',
      			tooltipTextColor: '#ffffff',
      			height: 20,
      			opacity: 1.0
   			}
		}

	});
									 
	//Slider-Array einrichten
	Slide[0] = new Fx.Slide('AlBox', {mode: 'horizontal'});
	Slide[1] = new Fx.Slide('StBox', {mode: 'horizontal'});
	Slide[2] = new Fx.Slide('EdBox', {mode: 'horizontal'});
	Slide[3] = new Fx.Slide('DeBox', {mode: 'horizontal'});
	Slide[4] = new Fx.Slide('InBox', {mode: 'horizontal'});
	Slide[5] = new Fx.Slide('CaBox', {mode: 'horizontal'});
	Slide[6] = new Fx.Slide('ImBox', {mode: 'horizontal'});
	Slide[7] = new Fx.Slide('OrBox', {mode: 'horizontal'});
	
	//Menüschrift-Array einrichten
	Pic[0] = $('AlPic');
	Pic[1] = $('StPic');
	Pic[2] = $('EdPic');
	Pic[3] = $('DePic');
	Pic[4] = $('InPic');
	Pic[5] = $('CaPic');
	Pic[6] = $('ImPic');
	Pic[7] = $('OrPic');
	
	//Container-Array einrichten
	Con[0] = $('AlCon');
	Con[1] = $('StCon');
	Con[2] = $('EdCon');
	Con[3] = $('DeCon');
	Con[4] = $('InCon');
	Con[5] = $('CaCon');
	Con[6] = $('ImCon');
	Con[7] = $('OrCon');
	
	// Sliders verstecken
	for (i=1;i<=7;i++){
	Slide[i].hide();
	};
	
	//Ereignisse für jeden Button festlegen	
	$('AlButton').addEvent('click', 
		function(e){
			changeSlider(0);
		});
	$('StButton').addEvent('click', 
		function(e){
			changeSlider(1);
		});
	$('EdButton').addEvent('click', 
		function(e){
			changeSlider(2);
		});
	$('DeButton').addEvent('click', 
		function(e){
			changeSlider(3);
		});
	$('InButton').addEvent('click', 
		function(e){
			changeSlider(4);
		});
	$('CaButton').addEvent('click', 
		function(e){
			changeSlider(5);
		});
	$('ImButton').addEvent('click', 
		function(e){
			changeSlider(6);
		});
	$('OrButton').addEvent('click', 
		function(e){
			changeSlider(7);
		});
	
	//Hintergrundebene wieder in den hintergrund setzen
	$('BG').style.zIndex = -1;
});

//Sliding-Funktion
function changeSlider(toSlider){
	if (OpenSlider != toSlider) {
		
		Slide[OpenSlider].slideOut();
		Slide[toSlider].slideIn();
		if (toSlider == 0) {
			$('AlButton').style.visibility = 'hidden';
		}
		if (OpenSlider == 0) {
			$('AlButton').style.visibility = 'visible';
		} else {
		Pic[OpenSlider].style.visibility = 'hidden';
		}
		if (toSlider == 7) {
			$('player').style.visibility = 'visible';
		}
		if (OpenSlider == 7) {
			$('player').style.visibility = 'hidden';
		}
		
		Con[OpenSlider].style.zIndex = 80;
		Con[toSlider].style.zIndex = 85;
		OpenSlider = toSlider;
	}
}

//Menu - zeigen
function SShow(toPic){
	
	Pic[toPic].style.visibility = 'visible';
	OpenPic = toPic;
}

//Menu - verstecken
function SHide(toPic){
	if (toPic != OpenSlider) {
		Pic[toPic].style.visibility = 'hidden';
	}
}

//Preloader
function LoadInfo() {
if (document.getElementById) {  // DOM3 = IE5, NS6
document.getElementById('hidepage').style.visibility = 'hidden';
}
else {
if (document.layers) {  // Netscape 4
document.hidepage.visibility = 'hidden';
}
else {  // IE 4
document.all.hidepage.style.visibility = 'hidden';
      }
   }
}