/**
 * @author christoph batik
 */

	window.onload = function() {
		initClicktext();
		//initFade();
		openAtLoading();
		startList();
	};

	// Setzt Id-Attribut zu jedem h2-Tag und belegt diesen mit onclick-Funktion
	function initClicktext()
	{
		// Clicktexte
		var h4Header = document.getElementsByTagName("h4");
		for (var i=0; i<h4Header.length; i++)
		{
			var attribut = document.createAttribute("id");
			attribut.nodeValue = "subheader"+i;
			h4Header[i].setAttributeNode(attribut);
			h4Header[i].onclick = function() { showIt(this.id)}
		}
	}

	// Fade Effekt in rotem Balken
	function initFade()
	{
		var fadeID = "tooltips";
		var tooltips = document.getElementById(fadeID);
		setOpacity(tooltips, 100);
		window.setTimeout("fadeOut('" + fadeID + "',100)", 1500);
	}
	
	// Dursucht die URL ob ein Raute-Zeichen in URL vorkommt
	// Wenn ja, dann wird der entsprechende Datensatz sichtbar gemacht	
	function openAtLoading()
	{
		// Sucht nach Raute-Zeichen in URL
		var url = window.location.toString();
		var result = url.search(/{.+/);
		
		if (result != -1) {
			// Filtert die nächsten 5 Zeichen heraus
			var anchor = url.substr(result + 1, 5);
			var	record = document.getElementById(anchor);
			
			record.nextSibling.className = "minus";
			record.nextSibling.nextSibling.className = "clicktext display_block";
		}
	}



	// Zeigt die versteckten Texte wieder an
	// bzw. blendet die anderen geöffneten wieder aus
	function showIt(id)
	{
		var header = document.getElementById(id);

		if(header.className == "plus") {

			// Alle Elemten aufnehmen und mittels Schleife ausblenden
			var h4Header = document.getElementsByTagName("h4");
			for (var i=0; i<h4Header.length; i++)
			{
				h4Header[i].className = "plus";
				h4Header[i].nextSibling.className = "clicktext display_none";
			}

			// Hier wird das angeklickte Element geöffnet
			header.className = "minus";
			header.nextSibling.className = "clicktext display_block";
		}
		else
		{
			header.className = "plus";
			header.nextSibling.className = "clicktext display_none";
		}
	}


	// Verändert Deckkraft
	function setOpacity(obj, opacity) {
	  opacity = (opacity == 100)?99.999:opacity;

	  // IE/Win
	  obj.style.filter = 'alpha(opacity='+opacity+')';

	  // Safari<1.2, Konqueror
	  obj.style.KHTMLOpacity = opacity/100;

	  // Older Mozilla and Firefox
	  obj.style.MozOpacity = opacity/100;

	  // Safari 1.2, newer Firefox and Mozilla, CSS3
	  obj.style.opacity = opacity/100;
	}

	// Verstärkt Deckkraft
	function fadeIn(objId,opacity)
	{
	  if (document.getElementById)
	  {
	    obj = document.getElementById(objId);
	    if (opacity <= 100)
		 {
	      setOpacity(obj, opacity);
	      opacity += 10;
			if (opacity != 100) {
				window.setTimeout("fadeIn('" + objId + "'," + opacity + ")", 120);
			}
			else {
				window.setTimeout("fadeOut('" + objId + "'," + opacity + ")", 1000);
			}
	    }
	  }
	}

	// Verringert Deckkraft
	function fadeOut(objId,opacity)
	{

	  if (document.getElementById)
	  {
	    obj = document.getElementById(objId);
	    if (opacity >= 50)
		 {
	      setOpacity(obj, opacity);
	      opacity -= 10;
			window.setTimeout("fadeOut('" + objId + "'," + opacity + ")", 120);
	    }
		 else {
				window.setTimeout("fadeIn('" + objId + "'," + opacity + ")", 1000);
			}
	  }
	}
	
	
	function startList(){
		if (document.all && document.getElementById) {
			navRoot = document.getElementById("topnavi");
			for (i = 0; i < navRoot.childNodes.length; i++) {
				node = navRoot.childNodes[i];
				if (node.nodeName == "LI") {
					node.onmouseover = function(){
						this.className += " over";
					}
					node.onmouseout = function(){
						this.className = this.className.replace(" over", "");
					}
				}
			}
		}
	}