var sliding={};

function initEvents() {
	rootNode=document.getElementsByTagName("INPUT");

	for(i=0;i<rootNode.length;i++){
		node=rootNode[i];

		node.onfocus=function() {
			this.className+=" focus";
		}
		node.onblur=function() {
			this.className=this.className.replace(/b\focus\b/, "");
		}
		node.onmouseover=function() {
			this.className+=" hover";
		}
		node.onmouseout=function() {
			this.className=this.className.replace(/\bhover\b/, "");
		}
	}

	rootNode=document.getElementsByTagName("DIV");

	for(i=0;i<rootNode.length;i++){
		node=rootNode[i];

		if(node.className.search(/\bsbutton\b/)) continue;

		node.onfocus=function() {
			this.className+=" focus";
		}
		node.onblur=function() {
			this.className=this.className.replace(/b\focus\b/, "");
		}
		node.onmouseover=function() {
			this.className+=" hover";
		}
		node.onmouseout=function() {
			this.className=this.className.replace(/\bhover\b/, "");
		}
	}

	rootNode=document.getElementById("sideboxes");
	for(i=0;i<rootNode.childNodes.length;i++) {
		node=rootNode.childNodes[i];
		if(node.nodeName=="DIV") {
			for(j in node.childNodes)
				if(node.childNodes[j].nodeName=="A") break;

			node=node.childNodes[j];

			node.onfocus=function() {
				this.className+=" focus";
			}
			node.onblur=function() {
				this.className=this.className.replace(/b\focus\b/, "");
			}
			node.onmouseover=function() {
				this.className+=" hover";
			}
			node.onmouseout=function() {
				this.className=this.className.replace(/\bhover\b/, "");
			}
		}
	}

	rootNode=document.getElementById("hauptmenue");
	for(i=0;i<rootNode.childNodes.length;i++) {
		node=rootNode.childNodes[i];

		if(node.nodeName!="LI") continue;

		node.onmouseover=function() {
			this.className+=" hover";
		}
		node.onmouseout=function() {
			this.className=this.className.replace(/\bhover\b/, "");
		}
	}
}

function initFields(){
	forms=document.forms;

	for(i in forms){
		if(typeof(forms[i])!='object') continue;

		forms[i].onsubmit=function(){
			texts={
			"email":"Ihre Email-Adresse",
			"login":"Ihre Benutzerkennung"
			};

			elements=forms[i].elements;

			for(j in elements){
				if(elements[j]==null) continue;
				if(elements[j].nodeName!='INPUT') continue;

				element=elements[j];

				if(element.type=='text'&&texts[element.name]&&(element.value==''||element.value==texts[element.name]))
					return false;
			}

			return true;
		};

		elements=forms[i].elements;

		for(j in elements){
			if(elements[j]==null) continue;
			if(elements[j].nodeName!='INPUT') continue;

			element=elements[j];

			element.onfocus=function(){
				this.hasFocus=true;
				fillFields();
			}

			element.onblur=function(){
				this.hasFocus=false;
				fillFields();
			}
		}

		childNodes=forms[i].childNodes;
		sbuttonFound=false;

		for(j in childNodes){
			if(childNodes[j].className=='sbutton'){
				childNodes[j].form=forms[i];
				sbuttonFound=true;
				childNodes[j].style.display="block";

				childNodes[j].onclick=childNodes[j].onkeydown=function(e){
					if(!e) e=window.event;

					if(e.keyCode){
						key=e.keyCode
					}else if(e.which){
						key=e.which;
					}

					if(e.type=="keydown")
						if(key!=13) return;

					if(this.form.onsubmit())
						this.form.submit();
				}
			}
		}

		if(sbuttonFound)
			for(j in childNodes){
				if(childNodes[j].nodeName=='INPUT')
					if(childNodes[j].type=='submit')
						childNodes[j].style.display="none";
			}
	}
}

function initSideboxes(){
	boxes=document.getElementById('sideboxes').childNodes;

	for(i in boxes){
		for(j in boxes[i].childNodes){
			if(boxes[i].childNodes[j].className=='kopf'){
				divkopf=boxes[i].childNodes[j];
				divkopf.head=divkopf.parentNode.id;
				sliding[divkopf.head]=false;
				divkopf.onclick=divkopf.onkeydown=function(e){
					if(!e) e=window.event;

					if(e.keyCode){
						key=e.keyCode
					}else if(e.which){
						key=e.which;
					}

					if(e.type=="keydown")
						if(key!=13) return;

					var date=new Date();
					var current=date.getTime();

					if(sliding[this.head]) return;

					childNodes=this.parentNode.childNodes;

					for(i in childNodes){
						if(childNodes[i].className=='contenthelfer'){
							content=childNodes[i];

							dimensions=getDimensions(content);

							if(content.style.display!='none'&&content.style.display!=null){
								src=dimensions['height'];
								dst=0;
							}else{
								src=0;
								dst=dimensions['height'];
							}

							sliding[this.head]=window.setInterval("slide('"+this.head+"',"+src+","+dst+","+current+","+(Math.abs(src-dst)*1.5)+")",10);

							continue;
						}
					}
				}
				continue;
			}
		}
	}
}

function slide(id,src,dst,time,dur){
	var date=new Date();
	var current=date.getTime();

	sidebox=document.getElementById(id);
	if(sidebox==null) return;

	for(i in sidebox.childNodes){
		if(sidebox.childNodes[i].className=='kopf') divkopf=sidebox.childNodes[i];
		if(sidebox.childNodes[i].className=='contenthelfer') content=sidebox.childNodes[i];
	}

	for(i in content.childNodes)
		if(content.childNodes[i].className=='content') break;

	contentc=content.childNodes[i];

	if(content.style.display=='none')
		content.style.display='';

	cheight=(src-(Math.min((current-time)/dur,1))*(src-dst));
	content.style.height=cheight+'px';
	contentc.style.height=Math.max(cheight-27,0)+'px';

	if(current>(time+dur)){
		if(dst){
			content.style.height=dst+'px';
		}else{
			content.style.height='';
			content.style.display='none';
		}

		contentc.style.height='';

		window.clearInterval(sliding[id]);
		sliding[id]=false;
	}
}

function fillFields(){
	forms=document.forms;

	texts={
	"email":"Ihre Email-Adresse",
	"login":"Ihre Benutzerkennung"
	};
	elementsDone={};

	for(i in forms){
		if(typeof(forms[i])!='object') continue;

		elements=forms[i].elements;

		for(j in elements){
			if(elements[j]==null) continue;
			if(elements[j].nodeName!='INPUT') continue;

			element=elements[j];

			if(element.type=='text'&&texts[element.name]&&(element.value==''||element.value==texts[element.name])&&(elementsDone[element.name]==null||elementsDone[element.name]==false)){
				element.value=val=element.hasFocus&&element.value==texts[element.name]?'':texts[element.name];
				elementsDone[element.name]=true;
			}
		}
	}
}

function getDimensions(element) {
	var display=element.style.display;

	if (display!='none'&&display!=null)
		return {width:element.offsetWidth,height:element.offsetHeight};

	var els=element.style;
	var originalVisibility=els.visibility;
	var originalPosition=els.position;
	var originalDisplay=els.display;

	els.visibility='hidden';
	els.position='absolute';
	els.display='block';

	var originalWidth=element.clientWidth;
	var originalHeight=element.clientHeight;

	els.display=originalDisplay;
	els.position=originalPosition;
	els.visibility=originalVisibility;

	return {width:originalWidth,height:originalHeight};
}

window.onload=function(){
	initEvents();
	initFields();
	fillFields();
	initSideboxes();
}