/***************************************************************************************
 * Anzeige eines Ladebalkens. 
 *
 * HTML-Beispiel:
 * <div id=balken><div id=ladung>&nbsp;</div></div>
 * <script type="text/javascript">
 *  progressBar();
 * </script>
 **************************************************************************************/
 function progressBar(){
  var sekunden = 6;
  var breite = 300;
  var balken = document.getElementById("balken");
  var ladung = document.getElementById("ladung");
  balken.style.width = breite+"px";
  balken.style.border = "1px solid gray";
  ladung.style.backgroundColor = "blue";

  prozent = function(){
    w = ladung.style.width.match(/\d+/);
    if (++w == breite){
      clearInterval(sto);
      /* hier wird weitergeleitet */
    }
    else {
      ladung.style.width = w+"px";
    }
  }
  sto = setInterval("prozent()",sekunden*1000/breite);
}

/***************************************************************************************
 * Editiert den value eines Elements
 *
 * HTML-Beispiel:
 * <input type="?" name="?" value="Suche..." onFocus="javascript:valueHandler(this, '');" onBlur="javascript:valueHandler(this, 'Suche...');">
 **************************************************************************************/
function valueHandler (element, value, type) {
        
	if (value == '') { //onFocus
        if (type != '') element.type = type;
		element.style.fontStyle ='normal';
		element.value = value;
	}

	else if (value != '' && element.value == '') { //onBlur
        if (element.type != '') element.type = type;
		element.style.fontStyle ='italic';
		element.value = value;
	}
	
}


/***************************************************************************************
 * Erstellen von Div-Kontainern, die auf Klick ausklappen.
 *
 * HTML-Beispiel:
 * <a href="javascript:showHide('hideElement');">Ein-/Ausblenden</a>
 * <div id="hideElement" style="display:none"><br>
 *	Ich bin ein Blockelement, werde aber nicht angezeigt<br> 
 * </div>
 **************************************************************************************/
function showHide(elementName) {
    element = document.getElementById(elementName);
    if (element.style.display == "none")
        element.style.display = "inline";
    else
        element.style.display = "none";
}