var timer;
/*
function videozoom(video,videonr){
	seiLeise();
	display("zoom_inhalt");
	hide("zoom_content");
	document.getElementById("zoom_inhalt").style.visibility = 'hidden';
	document.getElementById("maxpic").style.visibility = 'hidden';
	var btnpfad = "images/btn/"+document.getElementById('act_design').value+"/";
	var anzahl = document.getElementById("anzahl_videos").value;
	
	var werbevideoSrc = document.getElementById("werbevideoSrc").value;
	
	hide("login");
	hide("zoomoptions");
	hide("zoom_nav");
	
	var neueHoehe = "350px";
	var neueBreite = "500px";
	
	if(document.getElementById("graybg").style.display != "block"){
		fadebg();
		display("details_container");
		display("details_content");
		document.getElementById("details_content").style.width = '0px';
		document.getElementById("details_content").style.height = '0px';
		$('details_content').morph('width:1024px;height:560px;padding-top:20px;margin-left:-512px;margin-top:-320px;',{
			afterFinish:function(){
				document.getElementById("maxpic").style.display = 'block';
				document.getElementById("maxpic").innerHTML = '<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=10,0,0,0" width="384" height="288" id="areas" align="middle"><param name="allowScriptAccess" value="always" /><param name="FlashVars" value="werbevideoSrc='+werbevideoSrc+'&videoSrc='+video+'&design='+document.getElementById('act_design').value+'&previewPic='+document.getElementById('previewPic').value+'" /><param name="movie" value="tubecubePlayer.swf" /><param name="wmode" value="transparent" /><param name="bgcolor" value="#ffffff" /><embed src="tubecubePlayer.swf" FlashVars="werbevideoSrc='+werbevideoSrc+'&videoSrc='+video+'&design='+document.getElementById('act_design').value+'&previewPic='+document.getElementById('previewPic').value+'" quality="high" wmode="transparent" bgcolor="#ffffff" width="384" height="288" name="areas" align="middle" allowScriptAccess="always" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /></object><br /><br /><div class="hinweis">Die Aussagen in den Movies geben nicht die Meinung der Geschäftsführung, des Personal oder des Webmasters des Ta-Töff Bevern oder von TubeCube wieder, deswegen können Geschäftsleitung, Personal oder der Webmaster des Ta-Töff Bevern oder TubeCube auch nicht für die Aussagen verantwortlich gemacht werden. Verantwortlich für die Aussagen sind ausschließlich die Darsteller selbst.</div>';
				document.getElementById("maxpic").style.height = neueHoehe;
				document.getElementById("maxpic").style.width = neueBreite;
				passeGroesseAn("zoom_inhalt");
			}
		});
	}else{
		document.getElementById("maxpic").innerHTML = '<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=10,0,0,0" width="384" height="288" id="areas" align="middle"><param name="allowScriptAccess" value="always" /><param name="FlashVars" value="werbevideoSrc='+werbevideoSrc+'&videoSrc='+video+'&design='+document.getElementById('act_design').value+'&previewPic='+document.getElementById('previewPic').value+'"  /><param name="movie" value="tubecubePlayer.swf" /><param name="wmode" value="transparent" /><param name="bgcolor" value="#ffffff" /><embed src="tubecubePlayer.swf" FlashVars="werbevideoSrc='+werbevideoSrc+'&videoSrc='+video+'&design='+document.getElementById('act_design').value+'&previewPic='+document.getElementById('previewPic').value+'" quality="high" wmode="transparent" bgcolor="#ffffff" width="384" height="288" name="areas" align="middle" allowScriptAccess="always" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /></object><br /><br /><div class="hinweis">Die Aussagen in den Movies geben nicht die Meinung der Geschäftsführung, des Personal oder des Webmasters des Ta-Töff Bevern oder von TubeCube wieder, deswegen können Geschäftsleitung, Personal oder der Webmaster des Ta-Töff Bevern oder TubeCube auch nicht für die Aussagen verantwortlich gemacht werden. Verantwortlich für die Aussagen sind ausschließlich die Darsteller selbst.</div>';
		document.getElementById("maxpic").style.height = neueHoehe;
		document.getElementById("maxpic").style.width = neueBreite;
		passeGroesseAn("zoom_inhalt");
	}
	
	var next = videonr*1 +1;
	var previous = videonr*1 -1;

	var next_link = generateButtonVideo(next,btnpfad,"right",next <= anzahl);
	var skip_right = generateButtonVideo(anzahl,btnpfad,"skipright",next <= anzahl);

	var previous_link = generateButtonVideo(previous,btnpfad,"left",previous > 0);
	var skip_left = generateButtonVideo("1",btnpfad,"skipleft",previous > 0);
	
	document.getElementById("zoom_nav").innerHTML = skip_left+" "+previous_link+" "+next_link+" "+skip_right;
}
*/
function zoom(pic,bildnr,slideshow){
	if(slideshow == "1" && document.getElementById("slideshow").value == "0" && document.getElementById("gestoppt").value == "1")
	{
		document.getElementById("gestoppt").value == "0";
		document.getElementById("timeout").value = "0";
		if(timer) clearTimeout(timer);
	}else{
		if(slideshow == "1")
		{
			document.getElementById("timeout").value = "0";	
		}
		display("zoom_inhalt");
		hide("zoom_content");
		document.getElementById("zoom_inhalt").style.visibility = 'hidden';
		document.getElementById("maxpic").style.visibility = 'hidden';
		var btnpfad = "images/btn/"+document.getElementById('act_design').value+"/";
		var anzahl = document.getElementById("anzahl_bilder").value;
		hide("login");
		
		var neueHoehe = document.getElementById("picheight_"+bildnr).value+"px";
		var neueBreite = document.getElementById("picwidth_"+bildnr).value+"px";
		if(neueHoehe != document.getElementById("picHoehe").value || neueBreite != document.getElementById("picBreite").value)
		{
			hide("zoomoptions");
			hide("zoom_nav");
		}
		document.getElementById("picHoehe").value = neueHoehe;
		document.getElementById("picBreite").value = neueBreite;
		
		if(document.getElementById("graybg").style.display != "block"){
			fadebg();
			display("details_container");
			display("details_content");
			document.getElementById("details_content").style.width = '0px';
			document.getElementById("details_content").style.height = '0px';
			$('details_content').morph('width:1024px;height:560px;padding-top:20px;margin-left:-512px;margin-top:-330px;',{
				afterFinish:function(){
					document.getElementById("maxpic").style.display = 'block';
					document.getElementById("maxpic").innerHTML = '<img src='+pic.replace(/ /,'%20')+' alt="Bild wird geladen" />';
					document.getElementById("maxpic").style.height = neueHoehe;
					document.getElementById("maxpic").style.width = neueBreite;
					passeGroesseAn("zoom_inhalt");
				}
			});
		}else{
			document.getElementById("maxpic").innerHTML = '<img src='+pic.replace(/ /,'%20')+' alt="Bild wird geladen" />';
			document.getElementById("maxpic").style.height = neueHoehe;
			document.getElementById("maxpic").style.width = neueBreite;
			passeGroesseAn("zoom_inhalt");
		}
		var next = bildnr*1 +1;
		var previous = bildnr*1 -1;
		
		var next_link = generateButton(next,btnpfad,"right",next <= anzahl && slideshow == "0");
		var skip_right = generateButton(anzahl,btnpfad,"skipright",next <= anzahl && slideshow == "0");

		var previous_link = generateButton(previous,btnpfad,"left",previous > 0 && slideshow == "0");
		var skip_left = generateButton("1",btnpfad,"skipleft",previous > 0 && slideshow == "0");
		
		var download = "<a href=\"gallerydownload.php?pic="+pic+"\" id=\"download_link\"><img src=\""+btnpfad+"download.jpg\" alt=\"Download\" id=\"download_img\" /></a>";
		
		var next2 = (next > anzahl) ? 1 : next;
		
		if(document.getElementById("slideshow").value == "0")
		{
			var slideshow = "<a href=\"javascript:startSlideShow('"+document.getElementById("pic_"+next2).value+"','"+next2+"','"+btnpfad+"');\" id=\"slideshow_link\"><img src=\""+btnpfad+"slideshow.jpg\" alt=\"Slideshow\" id=\"slideshow_img\" /></a>";
		}else{
			var slideshow = "<a href=\"javascript:stopSlideShow('"+document.getElementById("pic_"+next2).value+"','"+next2+"','"+btnpfad+"');\" id=\"slideshow_link\"><img src=\""+btnpfad+"pause.jpg\" alt=\"Slideshow\" id=\"slideshow_img\" /></a>";
		}
		
		document.getElementById("zoom_nav").innerHTML = skip_left+" "+previous_link+" "+slideshow+" "+next_link+" "+skip_right+" "+download;
		document.getElementById("bildnr").value = next2;
		document.getElementById("pic").value = document.getElementById("pic_"+next2).value;
	}
}
function zoomin(inhalt,height,width){
	display("zoom_inhalt");
	hide("zoom_content");
	document.getElementById("zoom_inhalt").style.visibility = 'hidden';
	document.getElementById("maxpic").style.visibility = 'hidden';
	hide("login");
		
	var neueHoehe = height+"px";
	var neueBreite = width+"px";
		
	hide("zoomoptions");
	hide("zoom_nav");
		
	fadebg();
	display("details_container");
	display("details_content");
	document.getElementById("details_content").style.width = '0px';
	document.getElementById("details_content").style.height = '0px';
	$('details_content').morph('width:1024px;height:600px;padding-top:20px;margin-left:-512px;margin-top:-330px;',{
		afterFinish:function(){
			document.getElementById("maxpic").style.display = 'block';
			document.getElementById("maxpic").innerHTML = inhalt;
			display("maxpic");
			display("zoomoptions");
		}
	});
}
function passeGroesseAn(feldName)
{
	var feld = document.getElementById("maxpic");
	
	var weite = feld.offsetWidth + 40;
	var hoehe = feld.offsetHeight + 120;

	var marginTop = -((hoehe/2)+(window.innerHeight-hoehe)/2);
	
	var marginLeft = -(weite/2);
	
	$('details_content').morph('width:'+weite+'px;height:'+hoehe+'px;margin-left:'+marginLeft+'px;margin-top:'+marginTop+'px;',
	{
		afterFinish:function()
		{
			display("zoom_inhalt");
			display("zoomoptions");
			display("maxpic");
			display("zoom_nav");
			document.getElementById("zoomoptions").style.display = 'inline';
			if(document.getElementById("slideshow"))
			{
				if(document.getElementById("slideshow").value == "1" && document.getElementById("timeout").value == "0")
				{
					document.getElementById("timeout").value = "1";
					timer = window.setTimeout("zoom(document.getElementById('pic').value,document.getElementById('bildnr').value,true)",4000);
				}
			}
		}	
	}
	);
}
function generateButton(pic,btnpfad,art,aktiv)
{
	if(aktiv)
	{
		return "<a class=\"noBorder\" href=\"javascript:zoom('"+document.getElementById("pic_"+pic).value+"','"+pic+"','0');\"><img src=\""+btnpfad+art+".jpg\" alt=\""+art+"\" /></a>";
	}else{
		return "<img src=\""+btnpfad+art+"_sw.jpg\" alt=\""+art+"\" /></a>";
	}
}
function generateButtonVideo(video,btnpfad,art,aktiv)
{
	if(aktiv)
	{
		return "<a class=\"noBorder\" href=\"javascript:videozoom('"+document.getElementById("video_"+video).value+"','"+video+"');\"><img src=\""+btnpfad+art+".jpg\" alt=\""+art+"\" /></a>";
	}else{
		return "<img src=\""+btnpfad+art+"_sw.jpg\" alt=\""+art+"\" /></a>";
	}
}
function startSlideShow(pic,bildnr,btnpfad)
{
	document.getElementById("slideshow").value = "1";
	document.getElementById("timeout").value = "0";	
	
	var slideshow = "<a href=\"javascript:stopSlideShow('"+document.getElementById("pic_"+bildnr).value+"','"+bildnr+"','"+btnpfad+"');\" id=\"slideshow_link\"><img src=\""+btnpfad+"pause.jpg\" alt=\"Slideshow\" id=\"slideshow_img\" /></a>";
	
	var next_link = generateButton(bildnr,btnpfad,"right",false);
	var skip_right = generateButton(document.getElementById("anzahl_bilder").value,btnpfad,"skipright",false);

	var previous_link = generateButton(bildnr,btnpfad,"left",false);
	var skip_left = generateButton("1",btnpfad,"skipleft",false);
	
	var download = "<a href=\"gallerydownload.php?pic="+pic+"\" id=\"download_link\"><img src=\""+btnpfad+"download.jpg\" alt=\"Download\" id=\"download_img\" /></a>";
	
	document.getElementById("zoom_nav").innerHTML = skip_left+" "+previous_link+" "+slideshow+" "+next_link+" "+skip_right+" "+download;
	
	zoom(pic,bildnr,'1');
}
function stopSlideShow(pic,bildnr,btnpfad)
{
	document.getElementById("slideshow").value = "0";
	clearTimeout(timer);
	document.getElementById("gestoppt").value = "1";
		
	if(bildnr >= 2){
		bildnr--;
	}else if(bildnr == 1){
		bildnr = document.getElementById("anzahl_bilder").value;	
	}
	pic = document.getElementById("pic_"+bildnr).value;
	
	zoom(pic,bildnr,'0');
}
function hide(id){
	id = document.getElementById(id);
	id.style.display = 'none';
	id.style.visibility = 'hidden';
}
function display(id){
	id = document.getElementById(id);
	id.style.display = 'block';
	id.style.visibility = 'visible';
}
function fadebg(){
	display("graybg");
	document.getElementById("graybg").style.height = findPosY(document.getElementById("Bildframe"))+"px";
	$('graybg').morph('filter:alpha(opacity=60);KHTMLOpacity:0.60;MozOpacity:0.60;opacity:0.6;');
}
function findPosY(obj) {
   var curtop = 0;
   if(obj.offsetParent) {
      while(obj.offsetParent) {
         curtop += obj.offsetTop
         obj = obj.offsetParent;
      }
   }
   else if(obj.y)
      curtop = obj.y;
   return curtop;
}

function slidebox(id,direction)
{
	if(direction != '')
	{
		
		if(direction == "links")
		{
			var direction2 = "rechts";
			var bild = "right";
			var bild2 = "left";
		}
		else
		{
			var direction2 = "links";
			var bild = "left";
			var bild2 = "right";
		}
		
		var aktivesElementAlt = false;
		var aktivesElementNeu = false;
		var elementeAndereRichtung = false;
		var elementeAktuelleRichtung = false;
		
		var position = -1;
		
		var div = document.getElementById('slidebox_'+id);
		
		var elemente = div.getElementsByTagName("div");
		
		var anzahl = elemente.length;
		
		var zaehler = 0;
		
		for(var i=0;i<anzahl;i++)
		{
			var divElement = elemente[i];
			if(divElement.className != "preview_container") continue;
			
			var divDisplay = divElement.style.display;
			if(direction == "links")
			{
				if(divDisplay == "inline")
				{
					aktivesElementAlt = elemente[i];
				}
				else if((aktivesElementAlt !== false) && aktivesElementNeu === false)
				{
					elemente[i].style.display = "inline";
					aktivesElementAlt.style.display = "none";
					aktivesElementNeu = true;
					position = zaehler;
				}
			}
			else
			{
				if(divDisplay == "none")
				{
					aktivesElementAlt = elemente[i];	
				}
				else if((aktivesElementAlt !== false) && divDisplay == "inline")
				{
					elemente[i].style.display = "none";
					aktivesElementNeu = true;
					aktivesElementAlt.style.display = "inline";
					position = zaehler;
				}
			}
			zaehler++;
		}
		
		var containerAktuelleRichtung = document.getElementById(id+"_preview_"+direction+"_container");
		var containerAndereRichtung = document.getElementById(id+"_preview_"+direction2+"_container");
		
		if((direction == "links" && zaehler > (1+position)) || (direction == "rechts" && position > 1))
		{
			containerAktuelleRichtung.innerHTML = "<a id=\""+id+"_preview_"+direction+"\" href=\"javascript:slidebox('"+id+"','"+direction+"');\"><img src=\"images/btn/"+document.getElementById("act_design").value+"/"+bild+".jpg\" alt=\"zur&uuml;ck\" /></a>";
		}
		else if((direction == "links" && zaehler == (1+position)) || (direction == "rechts" && position <= 1)){
			containerAktuelleRichtung.innerHTML = "<a id=\""+id+"_preview_"+direction+"\" href=\"javascript:slidebox('"+id+"','');\"><img src=\"images/btn/"+document.getElementById("act_design").value+"/"+bild+"_sw.jpg\" alt=\"zur&uuml;ck\" /></a>";
		}
		
		if((direction == "rechts" && zaehler > position) || (direction == "links" && position > 0))
		{
			containerAndereRichtung.innerHTML = "<a id=\""+id+"_preview_"+direction2+"\" href=\"javascript:slidebox('"+id+"','"+direction2+"');\"><img src=\"images/btn/"+document.getElementById("act_design").value+"/"+bild2+".jpg\" alt=\"zur&uuml;ck\" /></a>";
		}
		else if((direction == "rechts" && zaehler == position) || (direction == "links" && position <= 0))
		{
			containerAndereRichtung.innerHTML = "<a id=\""+id+"_preview_"+direction2+"\" href=\"javascript:slidebox('"+id+"','');\"><img src=\"images/btn/"+document.getElementById("act_design").value+"/"+bild2+"_sw.jpg\" alt=\"zur&uuml;ck\" /></a>";
		}
	}
}

function setDesign(i){
	playlistauswahl("design"+i);
	document.getElementById("zoom_content").innerHTML = "<div id=\"preview"+i+"\" style=\"position:relative;top:-20px;\">&nbsp;</div>";
	document.getElementById("act_design").value = i;
	hide("zoomoptions");
	
	var nav = document.getElementsByTagName("img");
	for(a=0;a<nav.length;a++){
		if(nav[a].id.indexOf("nav") >= 0){
			for(b=1;b<=4;b++){
				if(b == i||nav[a].src.indexOf("nav"+b) < 0) continue;
				var alt = document.getElementById(nav[a].id).getAttribute("alt");
				var e_v = new RegExp("nav"+b);
				var string = nav[a].src;
				nav[a].src = string.replace(e_v, "nav"+i);
				if(alt == "rest"||alt == "leer") continue; //leer für members-ersatz
				document.getElementById(nav[a].id+"_link").setAttribute("onmouseover", "MM_swapImage('"+nav[a].id.replace(e_v,"nav"+i)+"','','images/nav"+i+"/0"+a+"_mo.jpg',1)", 0);
			}
		}
	}
	var pic = new Image();
	pic.src = "images/nav"+i+"/header.jpg";
	
	document.body.className = classNames[i];
	MM_preloadImages('images/nav'+i+'/00_mo.jpg','images/nav'+i+'/01_mo.jpg','images/nav'+i+'/02_mo.jpg','images/nav'+i+'/03_mo.jpg','images/nav'+i+'/04_mo.jpg','images/nav'+i+'/05_mo.jpg','images/nav'+i+'/06_mo.jpg','images/nav'+i+'/07_mo.jpg');
	
	var links = document.getElementsByTagName("a");
	for(a=0;a<links.length;a++){
		if(links[a].className.indexOf('Banner') >=0)
		{
			links[a].className = "Banner "+classNames[i];	
		}else{
			links[a].className = classNames[i];	
		}
	}
	
	var ps = document.getElementsByTagName("p");
	for(b=0;b<ps.length;b++){
		if(ps[b].className.indexOf("headline") < 0) continue;
		ps[b].className = "headline "+classNames[i];
	}
	
	var divs = document.getElementsByTagName("div");
	for(c=0;c<divs.length;c++){
		if(divs[c].className.indexOf("box") < 0 && divs[c].className.indexOf("headline") < 0 && divs[c].className.indexOf("vote_bg") < 0) continue;
		var classNameSplit = divs[c].className.split(" ");
		divs[c].className = classNameSplit[0]+" "+classNames[i];
	}
	
	var spans = document.getElementsByTagName("span");
	for(d=0;d<spans.length;d++){
		if(spans[d].className.indexOf("headline") < 0) continue;
		var classNameSplit = spans[d].className.split(" ");
		spans[d].className = classNameSplit[0]+" "+classNames[i];
	}
	var inputs = document.getElementsByTagName("input");
	for(e=0;e<inputs.length;e++){
		var type = inputs[e].getAttribute("type",false).toUpperCase();
		if(type != "TEXT" && type != "SUBMIT" && type != "PASSWORD" && type != "FILE") continue;
		inputs[e].className = classNames[i];
	}
	var selects = document.getElementsByTagName("select");
	for(e=0;e<selects.length;e++){
		selects[e].className = classNames[i];
	}
	var textareas = document.getElementsByTagName("textarea");
	for(g=0;g<textareas.length;g++){
		textareas[g].className = classNames[i];
	}
	var imgs = document.getElementsByTagName("img");
	for(var h=0;h<imgs.length;h++){
		if(imgs[h].src.indexOf("btn") >= 0){
			var pos = imgs[h].src.indexOf("btn");
			imgs[h].src = imgs[h].src.substring(0,pos)+"btn/"+i+"/"+imgs[h].src.substring(pos+6);
			continue;
		}else if(imgs[h].className.indexOf("bild") < 0) continue;
		var classNameSplit = imgs[h].className.split(" ");
		imgs[h].className = classNameSplit[0]+" "+classNames[i];
	}
	
	var tds = document.getElementsByTagName("td");
	var cName = "";
	for(f=0;f<tds.length;f++){
		cName = tds[f].className;
		if(cName.indexOf("d0") < 0 && cName.indexOf("d1") < 0 && cName.indexOf("d2") < 0) continue;
		var classNameSplit = tds[f].className.split(" ");
		tds[f].className = classNameSplit[0]+" "+classNames[i];
	}
	
	
	pic.onload = function(){
		document.getElementById('header').style.backgroundImage = 'url('+pic.src+')';
		new Ajax.Request("save_design.php", {method: "post", parameters: {design: i}});
		window.setTimeout("zoomout()",1000);
	}
}
function change_design(){
	if(document.getElementById("graybg").style.display != "block"){
		fadebg();
		hide("login");
		hide("maxpic");
		display("details_container");
		display("details_content");
		display("zoom_inhalt");
		document.getElementById("details_content").style.width = '0px';
		document.getElementById("details_content").style.height = '0px';
		$('details_content').morph('width:1000px;height:500px;padding-top:20px;margin-left:-500px;margin-top:-320px;',{
			afterFinish:function(){
				display("zoomoptions");
				display("zoom_content");
				document.getElementById("zoomoptions").style.display = 'inline';
				document.getElementById("zoom_content").innerHTML = '<div class="layout1"><a href="javascript:setDesign(1);"><img src="images/button/layout1.jpg" alt="layout1" /></a></div>';
				document.getElementById("zoom_content").innerHTML += '<div class="layout2"><a href="javascript:setDesign(2);"><img src="images/button/layout2.jpg" alt="layout2" /></a></div>';
				document.getElementById("zoom_content").innerHTML += '<div class="layout3"><a href="javascript:setDesign(3);"><img src="images/button/layout3.jpg" alt="layout3" /></a></div>';
				document.getElementById("zoom_content").innerHTML += '<div class="layout4"><a href="javascript:setDesign(4);"><img src="images/button/layout4.jpg" alt="layout4" /></a></div>';
			}
		});
	}
}
function show_login(){
	if(document.getElementById("graybg").style.display != "block"){
		var className = classNames[document.getElementById("act_design").value];
		fadebg();
		hide("maxpic");
		display("details_container");
		display("details_content");
		display("zoom_inhalt");
		hide("zoom_content");
		document.getElementById("details_content").style.width = '0px';
		document.getElementById("details_content").style.height = '0px';
		$('details_content').morph('width:1000px;height:500px;padding-top:20px;margin-left:-500px;margin-top:-320px;',{
			afterFinish:function(){
				display("zoomoptions");
				display("login");
				document.getElementById("zoomoptions").style.display = 'inline';
				document.getElementById("loginfields").innerHTML = '<div class="title">Log-In</div>';
				document.getElementById("loginfields").innerHTML += '<form name="Login" action="javascript:login(\'layer\');"><table cellspacing="0" cellpadding="0">\n<tr><td><span class="headline '+className+'">Nickname:</span></td><td><input id="login_nickname_layer" type="text" name="Nickname" value="" class="'+className+'" /></td></tr>\n<tr><td><span class="headline '+className+'">Passwort:</span></td><td><input type="password" id="login_password_layer" name="Password" value="" class="'+className+'" /></td></tr>\n<tr><td colspan="2" align="right"><input type="submit" class="'+className+'" value="Log-In" name="submit" /></td></tr>\n</table></form>';
			}
		});
	}
}

function login(art){
	if(art == "layer"){
		var nickname = document.getElementById("login_nickname_layer").value;
		var password = document.getElementById("login_password_layer").value;
	}else{
		var nickname = document.getElementById("login_nickname").value;
		var password = document.getElementById("login_password").value;
	}
	if(nickname == ""||password == ""){
		alert("Bitte alle Felder ausfüllen");
	}else{
		new Ajax.Request("login.php", {method: "post", parameters: {nickname:nickname,password:password},onComplete:login_check});	
	}
}
function login_check(OriginalRequest){
	if(OriginalRequest.responseText == "login failed"){
		alert("Login fehlgeschlagen");	
	}else{
		alert("Logged In");
		var className = document.getElementById("act_design").value;
		document.getElementById("sessionsave").value = OriginalRequest.responseText;
		//document.getElementById("nav_login").src = "images/nav"+className+"/07.jpg";
		//document.getElementById("nav_login_link").setAttribute("onmouseover", "MM_swapImage('nav_login','','images/nav"+className+"/08_mo.jpg',1)", 0);
		document.getElementById("nav_members_link").setAttribute("href","javascript:SetLink('members');");
		document.location.href = "index.php#memberslogin";
		zoomout();
	}
}

function logout(){
	var sessionsave = document.getElementById("sessionsave").value;
	new Ajax.Request("logout.php", {method: "post", parameters: {sessionsave:sessionsave,action:"logout"},onComplete:logout_check});	
}

function logout_check(OriginalRequest){
	if(OriginalRequest.responseText != "Logout"){
		alert("Logout fehlgeschlagen");
	}else{
		alert("Logged out");
		document.getElementById("sessionsave").value = "";
		document.getElementById("nav_members_link").setAttribute("href","javascript:show_login();");
		//zoomout();
		document.location.href = "index.php#home";
	}
}

function thisMovie(movieName) {
	if (navigator.appName.indexOf("Microsoft") != -1) return window[movieName];
	else return document[movieName];
}
function playlistauswahl(value) {
	thisMovie("player").playlistauswahl(value);
}
function seiLeise() {
	thisMovie("player").seiLeise();	
}

function onFlashReady() {
	sendToAS("another test message");
}

function callJS(value) {
	//alert(value);
	onFlashReady();
}


function zoomout(){
	document.getElementById("maxpic").innerHTML = "";
	document.getElementById("zoom_content").innerHTML = "";
	hide("zoom_nav");
	hide("login");
	hide("zoomoptions");
	hide("zoom_inhalt");
	if(document.getElementById("slideshow"))
	{
		document.getElementById("slideshow").value = "0";
		document.getElementById("timeout").value = "0";
		if(timer) clearTimeout(timer);
	}
	$('graybg').morph('filter:alpha(opacity:0);KHTMLOpacity:0.00;MozOpacity:0.00;opacity:0.00;');
	$('details_content').morph('width:0px;height:0px;padding-top:0px;margin-left:0px;margin-top:-50px;',{afterFinish:function(){hide("details_container"),hide("graybg");}});
}

function showselect(selectbox,value){
	if(!value){
		document.getElementById(selectbox).style.visibility = 'hidden';	
	}else{
		document.getElementById(selectbox).style.visibility = 'visible';
	}
}

function SubmitForm(){
	/*
		0 formname
		1 file
		2 divtarget
		3 reset
		4 extra parameter
	*/
	var a = SubmitForm.arguments;
	var ausgabe = "";
	var wert = "";
	for (var i = 0; i < a[0].length; ++i) {
		x = a[0].elements[i];
		name = x.name;
		type = x.type;
		if(x.type != ""){
			if(type == "radio"){
				wert = radioWert(document.getElementsByName(name));
			}else if(type == "checkbox"){
				if(x.checked) wert = x.value;
			}else if(type == "text" || type == "textarea" || type == "hidden" || type == "password"){
				wert = x.value;
			}else if(type == "select-one"){
				wert = x.options[x.selectedIndex].value;
			}else if(type == "select-multiple"){
				wert = "";
				for (var z=0; z<x.options.length; z++) with (x.options[z]){
					if (selected){
						if(wert == ""){
							wert = value;
						}else{
							wert += "," + value;
						}
					}
				 }
			}
			//if(wert != ""){
				if(ausgabe == ""){
					ausgabe = name+"="+wert;
				}else{
					ausgabe += "&"+name+"="+wert;
				}
			//}
			wert = "";
		}
	}
	if(a[3]) a[0].reset();
	if(a[4]){
	  if (ausgabe != "") ausgabe += "&";
	  ausgabe += a[4];
	}
	change_content(a[1],ausgabe,a[2]);
}

var XMLHTTP = null;
var XMLHTTP2 = null;

if (window.XMLHttpRequest) {
  XMLHTTP = new XMLHttpRequest();
  XMLHTTP2 = new XMLHttpRequest();
} else if (window.ActiveXObject) {
  try {
	XMLHTTP = new ActiveXObject("Msxml2.XMLHTTP");
	XMLHTTP2 = new ActiveXObject("Msxml2.XMLHTTP");
  } catch (ex) {
	try {
	  XMLHTTP = new ActiveXObject("Microsoft.XMLHTTP");
	  XMLHTTP2 = new ActiveXObject("Microsoft.XMLHTTP");
	} catch (ex) {
	}
  }
}

function show_content(){
	target = document.getElementById(document.getElementById('ajax_target').value);
	if(XMLHTTP.readyState > 3){
		if(XMLHTTP.responseText.indexOf("refresh####") >= 0){
			var split = XMLHTTP.responseText.split("####");
			document.getElementById(split[1]).src = split[2];
		}else if(XMLHTTP.responseText == "Session abgelaufen"){
			document.location.href = "index.php#home";
			alert("Deine Session ist abgelaufen");
		}else{
			target.innerHTML = XMLHTTP.responseText;
			if(target.id != "kontaktseite") window.scrollTo(0,0);
		}
	}
}

function zeigeInhalt(target,inhalt)
{
	target.innerHTML = inhalt;	
}

function change_content(page,value,target){
	document.getElementById('ajax_target').value = target;
	target2 = document.getElementById(target);
	target2.innerHTML = "lade...";		
	XMLHTTP.open("POST", page);
	XMLHTTP.onreadystatechange = show_content;
	XMLHTTP.setRequestHeader("Content-Type", 
		"application/x-www-form-urlencoded");
	  XMLHTTP.send(value+"&direct=false");
}

function newPicUpload(feld){
	var newWin = window.open('picupload.php?feld='+feld+'&aid<?php echo $sessionsave2;?>','picupload',"width=400,height=200,fullscreen=0,toolbar=0,location=0,directories=0,status=0,menubar=0,scrollbars=0,resizable=0");
	newWin.focus();
}
function newPicUpload3(feld){
	var newWin = window.open('picupload3.php?feld='+feld,'picupload',"width=400,height=200,fullscreen=0,toolbar=0,location=0,directories=0,status=0,menubar=0,scrollbars=0,resizable=0");
	newWin.focus();
}

function SetLink(Link){
	if(document.iframesfix){
		document.getElementById('ajaxnav').setAttribute('src','mock-page.php?hash='+Link);
	}else{
		window.location.href = "#"+Link;
	}
}
function radioWert(rObj) {
	for (var i=0; i<rObj.length; i++) if (rObj[i].checked) return rObj[i].value;
	return false;
}

function iframesfixFunction()
{
	var windowlocator = new PageLocator("window.location.href", "#");
	document.write("<iframe id='ajaxnav' name='ajaxnav' src='mock-page.php?hash="+windowlocator.getHash()+"' style='display: none;'></iframe>"); 	
}

function hideit(field){
				document.getElementById(field).style.display = "none";
			}
			
function kaufm(x) {
  var k = (Math.round(x * 100) / 100).toString();
  k += (k.indexOf('.') == -1)? '.00' : '00';
  var p = k.indexOf('.');
  return k.substring(0, p) + ',' + k.substring(p+1, p+3);
}


function berechnePreis()
{
	var element = document.getElementsByTagName("select");
	
	var gesamt = 0;
	var summe = 0;
	
	var personenanzahl = document.getElementById("Personen").value;
	var eintrittspreis = 5;
	var gaderobenpreis = 1;
	var raummiete = 100;
	
	var	eintritt = personenanzahl*(eintrittspreis+gaderobenpreis);
	
	for(var i=0;i<element.length;i++)
	{
		if(element[i].name.indexOf("Anzahl_") == 0)
		{
			var ID = element[i].name.substring(7);
			summe = element[i].options[element[i].selectedIndex].value*document.getElementById("Preis_"+ID).value;
			gesamt += summe;
			
			//document.getElementById("preis_summe_"+ID).innerHTML = kaufm(summe)+"&euro;";
		}
	}
	document.getElementById("preis_gesamt").style.visibility = 'visible';
	document.getElementById("preis_gesamt").innerHTML = kaufm(gesamt+eintritt+raummiete)+" &euro;";
}
/*
function ddp_playlist()
{
	var plLink = document.getElementById("playlist_link");
	if(document.getElementById('slidedown_playlist').style.display == "none")
	{
		Effect.SlideDown('slidedown_playlist');	
		plLink.innerHTML = "Playlist schlie&szlig;en";
	}
	else
	{
		Effect.SlideUp('slidedown_playlist');
		plLink.innerHTML = "Playlist &ouml;ffnen";
	}
}

function lade_DDP(element, design)
{
	document.getElementById(element).innerHTML = '<!-- Beginn Iframe Player --><iframe id="ciabVideoPlayerBox" name="ciabVideoPlayerBox" frameborder="0" src="http://ciab.imuse.tv/index.php?box=video&amp;program=20100331000001&amp;css=disco-tatoeff2&amp;config=DDP&amp;cust=ddp" width="276" height="172" scrolling="no"></iframe><!-- Ende Iframe Player --><div style="padding:4px;"><a class="'+design+'" href="#" id="playlist_link" onclick="javascript:ddp_playlist(); return false;">Playlist schlie&szlig;en</a></div><div id="slidedown_playlist" style="display:block;height:200px;"><div><!-- Beginn Iframe Control/Playlist --><iframe id="ciabTrackListBox" name="ciabTrackListBox" frameborder=0 src="http://ciab.imuse.tv/?box=playlist&program=20100331000001&css=disco-tatoeff2&cust=ddp" onload="javascript:ddp_playlist();" width="276" height="200" scrolling="no"></iframe><!-- Ende Iframe Control/Playlist --></div></div>';
	move_DDP(element);
}

function move_DDP(element)
{
	new Effect.Morph(element, {
					 style: 'margin-left:230px;', // CSS Properties
  					 duration: 0.8 // Core Effect properties
	});
}

function setAccordion()
{
	//alert("hu");
	//var verticalAccordion = new accordion('#accordion_container');
	//verticalAccordion.activate($$('#accordion_container .accordion_toggle')[0]);	
}
*/