/*******************************************************************************
 Javascript von Gruenfisch Webdesign, Maerz 2009
 
 Erwartet wird folgendes Markup auf der Webseite:
 
 <p id="bilderbox_links_inhalt">
  <a><img src="pfad/dateiname.suffix" alt="" height="73" width="96" /></a><br />
  <a><img src="pfad/dateiname.suffix" alt="" height="73" width="96" /></a><br />
  ...
 </p>
 
 
 <div id="bilderbox_rechts_inhalt"></div>
*******************************************************************************/ 





// Erreigniswaechter einstellen: 
if      (typeof window.addEventListener != 'undefined') window.addEventListener('load', initBildertausch, false);  
else if (typeof document.addEventListener != 'undefined') document.addEventListener('load', initBildertausch, false);
else if (typeof window.attachEvent != 'undefined') window.attachEvent('onload', initBildertausch);



function initBildertausch()
 {
  if (  (document.getElementById) && (document.getElementById("bilderbox_links_inhalt"))  ) 
   { 
   
    // Richtigen Funktionsaufruf fuer jedes Vorschaubild erstellen:  
    for (var i = 0; i < document.getElementById("bilderbox_links_inhalt").childNodes.length; i++)
     {
      if (document.getElementById("bilderbox_links_inhalt").childNodes[i].nodeName == "A")
       {
        var aktLink = document.getElementById("bilderbox_links_inhalt").childNodes[i];
   
        for (var e = 0; e < aktLink.childNodes.length; e++)
         {
          if (aktLink.childNodes[e].nodeName == "IMG")
           {
            var aktBild = aktLink.childNodes[e];
            aktLink.setAttribute("href", "javascript: bildertausch('"+ encodeURI(aktBild.src) +"')"); // Bild-SRC uebertragen            
           }
         } 
       }
     }
     
    bildertausch( aktBild.src ); 
   }  
 }
 
 
function bildertausch(bildquelle)
 {
  // Kontrolle: document.getElementById("bilderbox_rechts_inhalt").innerHTML = document.getElementById("bilderbox_rechts_inhalt").innerHTML + "<p>"+bildquelle+"<br /></p>";

  if (document.getElementById)
   {
    // Neues Gross-Bild-Element erstellen
    if ( null == document.getElementById("bilderbox_grossbild") ) // ... wenn Gross-Bild-Element noch nicht vorhanden ist 
     {
      var aktElement   = document.getElementById("bilderbox_rechts_inhalt");
      var neuesElement = document.createElement("img");
      neuesElement.setAttribute("id", "bilderbox_grossbild");        
      aktElement.appendChild(neuesElement);  
     }
     
    // Gross-Bild anzeigen     
    document.getElementById("bilderbox_grossbild").setAttribute("src", bildquelle);
    document.getElementById("bilderbox_grossbild").setAttribute("height", "254");
    document.getElementById("bilderbox_grossbild").setAttribute("width", "381");         
   }
 }