// AG-Aktiv

var open = undefined;
var temp_open;
var temp_img = undefined;
var temp_img2;
var hoover_height; 
var mutex = false;

function kickAway(id){
	
	var a = id.style.height.split("p");
	var hoehe = Number(a[0])+10;
	var x = id.id.split("_");
	curr_div = Number(x[1]); 
	var temp_div = document.getElementById("od_"+(curr_div+1)+"_cont");
	while(temp_div != null) {
		
		new Effect.Move(temp_div.id, { x: 0, y: hoehe, mode: 'relative' });
		curr_div++;
		temp_div = document.getElementById("od_"+(curr_div+1)+"_cont");
	}
};

function hoover(id2, hoehe){
	
	var x = id2.id.split("_");
	curr_div = Number(x[1]); 
	var temp_div = document.getElementById("od_"+(curr_div+1)+"_cont");
	while(temp_div != null) {
		
		new Effect.Move(temp_div.id, { x: 0, y: hoehe, mode: 'relative' });
		curr_div++;
		temp_div = document.getElementById("od_"+(curr_div+1)+"_cont");
	}
};

function warmUp(id){
	
	var x = id.id.split("_");
	curr_div = Number(x[1]); 
	var temp_div = document.getElementById("od_"+curr_div+"_cont");
	new Effect.Move(temp_div.id, {
		x: 0, 
		y: -18, 
		duration: 1.0,
		mode: 'relative'
		
	});
	setTimeout((function(){new Effect.Move(temp_div.id, {x:0, y: 38, duration: 0.1, move: 'relative'})}), 1000);
	setTimeout((function(){new Effect.Move(temp_div.id, {x:0, y: -20, duration: 0.5, move: 'relative'})}), 1100);
}

function calcHeight(id3) {
	
	var a = id3.style.height.split("p");
	var x = (-1)*(Number(a[0])+10);
	
	return x;
}

function setMutex(mux) {

	mutex = mux; 
}

function change_img(img, img_open) {

	if(img_open == true) {
		
		img.src = "images/"+img.id+"_open.png";
	}
	else{
	
		img.src = "images/"+img.id+".png";
	}
}

function change_bg(){
	var main = document.getElementById("main");
	main.style.height = "835px";
	document.body.style.cssText = "background: url(images/bg2.png) #6e6e6e repeat-x;";
	
	
}

function slide(id, pic){
	var kasten = document.getElementById("kasten");
	var div = document.getElementById(id);
	var img = document.getElementById(pic);	
	var display = div.style.display;
	
	if(open == div && mutex == false) {
		setMutex(true);
		hoover_height = calcHeight(div);
		Effect.Fold(div);
		setTimeout((function(){hoover(div, hoover_height)}), 1200);
		setTimeout((function(){change_img(img, false)}), 2000);
		open = undefined;
		temp_img = undefined;
		setTimeout((function(){setMutex(false);}), 2000);	
	}
	else {
	
		if(open == undefined && div.style.display == "none" && mutex == false) {

			setMutex(true);
			temp_img = img;				
			
			if(div.id != 'od_14_content' && div.id != 'od_21_content' && div.id != 'od_27_content') {
			
				warmUp(div);
				setTimeout((function(){kickAway(div);}), 1100);
				open = div;
				setTimeout((function(){change_img(img, true);}), 1700);
				setTimeout((function(){Effect.BlindDown(div);}), 1800);
				setTimeout((function(){setMutex(false);}), 3000);
			}
			else{
			
				open = div;
				setTimeout((function(){change_img(img, true);}), 500);
				setTimeout((function(){Effect.BlindDown(div);}), 600);
				setTimeout((function(){setMutex(false);}), 1800);
			}
		}
		else if(open != undefined && mutex == false){
			setMutex(true);
			temp_open = open;
			temp_img2 = temp_img;
			hoover_height = calcHeight(temp_open);
			Effect.Fold(temp_open);
			setTimeout((function(){change_img(temp_img2, false);}), 2000);
			setTimeout((function(){hoover(temp_open, hoover_height)}), 1200);

			if(div.id != 'od_14_content' && div.id != 'od_21_content' && div.id != 'od_27_content') {
				setTimeout((function(){warmUp(div);}), 2200);
				setTimeout((function(){kickAway(div)}), 3300);
				setTimeout((function(){change_img(img, true)}), 3900);
				setTimeout((function(){Effect.BlindDown(div)}), 4000);
				open = div;
				temp_img = img;
				setTimeout((function(){setMutex(false);}), 5200);
			}
			else{
				setTimeout((function(){change_img(img, true)}), 2400);
				setTimeout((function(){Effect.BlindDown(div)}), 2500);
				open = div;
				temp_img = img;
				setTimeout((function(){setMutex(false);}), 3700);
			}
		}
	}
}


function move_sinoidal(id, d, move) {
	
	return new Effect.Move(id, {
		transition: Effect.Transitions.sinoidal,
		duration: d,
		x: move
	});
}


var rechts_links = undefined;
function slide_right_left(id, right) {
	
	temp = document.getElementById(id).style.left.split("p");
	if(right == true) {
	
		if(rechts_links == undefined) {
			
			move = 10-Number(temp[0]);
			rechts_links = move_sinoidal(id, 0.1, 10);				
		}
	}
	else if(right == false){
		
		rechts_links.cancel();
		move = (-1)*Number(temp[0]);
		move_sinoidal(id, 0.5, move);
		rechts_links = undefined;
	}
}	

var impressum_mutex = false;
function open_impressum(id){

	if(impressum_mutex == false) {
		impressum_mutex = true;
		setTimeout((function(){Effect.Appear(id,{duration: 1.5});}), 200);
	}
}

function close_impressum(id){

	if(impressum_mutex == true) {
		
		impressum_mutex = false;
		setTimeout((function(){Effect.Puff(id);}), 200);
	}
}

var mail_bestaetigung_mutex = false;
function open_mail_bestaetigung(id){

	if(mail_bestaetigung_mutex == false) {
		mail_bestaetigung_mutex = true;
		setTimeout((function(){Effect.Appear(id);}), 200);
	}
}

function close_mail_bestaetigung(id){

	if(mail_bestaetigung_mutex == true) {
		
		mail_bestaetigung_mutex = false;
		setTimeout((function(){Effect.Puff(id, {duration: 0});}), 200);
	}
}

function mail_bestaetigung(id) {

	setTimeout((function(){Effect.Appear(id);}), 200);
	setTimeout((function(){Effect.Puff(id, {duration: 0});}), 3000);	
}

function button_hover(img){
	
	var div = document.getElementById(img);
	div.src = "images/"+img+"_pressed.png";
}

function button_out(img){
	
	var div = document.getElementById(img);
	div.src = "images/"+img+".png";
}

function check_contact(){
		
	var res = true;
	var a = document.kontakt;
	var label_name = document.getElementById('label_name');
	var label_email = document.getElementById('label_email');
	var label_telefon = document.getElementById('label_telefon');
	var label_nachricht = document.getElementById('label_nachricht');
	var name = document.getElementById('name');
	var email = document.getElementById('email');
	var nachricht = document.getElementById('nachricht');;
	
	
	
	
	if(a.name.value == ''){

		label_name.style.color = "#d9251d";
		res = false;
		
	}
	else{
	
		label_name.style.color = "#FFFFFF";
		
	}
	
	if(a.email.value == '' || !validEmail(a.email.value)){
		
		label_email.style.color = "#d9251d";
		res = false;
	}
	else{
			
		label_email.style.color = "#FFFFFF";
		
	}
	
	if(a.telefon.value == '' || !validTelefon(a.telefon.value)){
		
		label_telefon.style.color = "#d9251d";
		res = false;
	}
	else{
	
		label_telefon.style.color = "#FFFFFF";
		
	}
	
	if(a.nachricht.value == ''){
		
		label_nachricht.style.color = "#d9251d";
		res = false;
	}
	else{
	
		label_nachricht.style.color = "#FFFFFF";
		
	}

	return res;
}

function validEmail(email) {
	var strReg = "^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$";
  	var regex = new RegExp(strReg);
  	return(regex.test(email));
}

function validTelefon(telefon) {
	var strReg = /^[0-9|\s]+$/;
  	var regex = new RegExp(strReg);
  	return(regex.test(telefon));
}

function abspielen(){
	
	var video = document.getElementById('zumNachdenken_video');
	Effect.Fade('zumNachdenken_bild');
	setTimeout((function(){video.style.display = ""}), 1000); 
	
}

function player(){
	document.embeds['Musik'].play();
}