/***************************************************************************************
 * 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, 'Suche...', 'focus');" onBlur="javascript:valueHandler(this, 'Suche...', 'blur');">
 **************************************************************************************/
function valueHandler (element, value, action) {
	
	if (action == 'focus' && element.value == value) {
		element.style.fontStyle ='normal';
		element.value = '';
	}

	else if (action == 'blur' && element.value == '') { 
		element.style.fontStyle ='italic';
		element.value = value;
	}
	
}


/***************************************************************************************
 * Erstellen von Div-Kontainern, die auf Klick ausklappen.
 *
 * HTML-Beispiel:
 * <a id="da" style="display:inline" href="javascript:blogShow('ve','da','nd')">Text 1 anzeigen</a>
 * <a id="nd" style="display:none" href="javascript:blogHide('ve','da','nd')">Text 1 ausblenden</a>
 * <div id="ve" style="display:none"><br>
 *	Ich bin ein Blockelement, werde aber nicht angezeigt<br> 
 * </div>
 **************************************************************************************/

function blockShow(veName, daName, ndName) {
if(document.getElementById) document.getElementById(veName).style.display = "inline";
if(document.getElementById) document.getElementById(daName).style.display = "none";
if(document.getElementById) document.getElementById(ndName).style.display = "inline";   
}

function blockHide(veName, daName, ndName) {
if(document.getElementById) document.getElementById(veName).style.display = "none";
if(document.getElementById) document.getElementById(daName).style.display = "inline";
if(document.getElementById) document.getElementById(ndName).style.display = "none";
}