/* Ziel ist es zwei Funktionen zu definieren die benannte Objekte
	   sichtbar und unsichtbar machen 
	function show( name_des_submenus )
	  { // alle Anweisungen einer Funktion stehen in geschweiften Klammern
	    document.getElementById(name_des_submenus).style.visibility = 'visible';
	  } 
	function hide( name_des_submenus )
	  { // alle Anweisungen einer Funktion stehen in geschweiften Klammern
	    document.getElementById(name_des_submenus).style.visibility = 'hidden';
	  } 
	// Werden benötigt um sich einen Zustand zu merken  
	var offenes_menu = "";
	var timer_nr     = 0;          
	function over( name_des_submenus )
	  { // falls ein Timeout gesetzt ist
	    if ( timer_nr != 0 )
	       {  //    und dieser timeout für name_des_submenus gilt
		      if ( offenes_menu == name_des_submenus )
			    { //        dann lösche den Timeout
				  clearTimeout(timer_nr);
				  timer_nr     = 0;
				  offenes_menu = "";
				}
			  else 	
		        { // sonst lösche timeout und führe das Schliessen sofort durch
				  hide(offenes_menu);
				  clearTimeout(timer_nr);
				  timer_nr     = 0;
				  offenes_menu = "";
				}
		   } 
		show(name_des_submenus);
	  }
	function out( name_des_submenus )  
	  { // merke den Namen des zu schliessenden Submenus
	    offenes_menu = name_des_submenus; 
	    // setze den Timeout
		timer_nr = setTimeout('hide(offenes_menu)',250);
	  }
    */
function showPic(whichpic, number) {	
    
  var element1 = document.getElementById("1");
  var element2 = document.getElementById("2");
  var element3 = document.getElementById("3");
  var element4 = document.getElementById("4");
   
  var vergleich = number;
  
  if (element1 != null) {
  if (vergleich == 1) {
  	  document.getElementById(1).style.border = '2px solid #2A3C8F';
    } else document.getElementById(1).style.border = '1px solid #2A3C8F';
  }
  if (element2 != null) {
  if (vergleich == 2) {
  	  document.getElementById(2).style.border = '2px solid #2A3C8F';
    } else document.getElementById(2).style.border = '1px solid #2A3C8F';
  }
  if (element3 != null) {
  if (vergleich == 3) {
  	  document.getElementById(3).style.border = '2px solid #2A3C8F';
    } else document.getElementById(3).style.border = '1px solid #2A3C8F';
  }
  if (element4 != null) {
  if (vergleich == 4) {
  	  document.getElementById(4).style.border = '2px solid #2A3C8F';
    } else document.getElementById(4).style.border = '1px solid #2A3C8F';
  }
  
	


  if (!document.getElementById("placeholder")) return true;
  var source = whichpic.getAttribute("href");
  var placeholder = document.getElementById("placeholder");
  placeholder.setAttribute("src",source);
  if (!document.getElementById("textcontent")) return false;
  if (whichpic.getAttribute("title")) {
    var text = whichpic.getAttribute("title");
  } else {
    var text = "";
  }
  var textcontent = document.getElementById("textcontent");
  if (textcontent.firstChild.nodeType == 3) {
    textcontent.firstChild.nodeValue = text;
    
  }
  return false;
}