/*************************************************************************************************/
//HIER DIE INHALTE FÜR DIE "AJAX-POP-UP"-FELDER ÄNDERN:
//
//Hier den HTML Code angeben, der nach dem Öffnen-Klick in der oberen Zeile im <span> "klickbar" erscheinen soll:
var schliessen = '[ - ]';
//
//Hier den HTML Code angeben, der nach dem Schließen-Klick in der oberen Zeile im <span> "klickbar" erscheinen soll:
var oeffnen = '[ + ]';
/************************************************************************************************/



//AJAX HTTPRequest kram je nach Browser laden:
function getXmlHttpRequestObject() {
        if (window.XMLHttpRequest) {
                 return new XMLHttpRequest();
         }
         else if(window.ActiveXObject) {
                 return new ActiveXObject("Microsoft.XMLHTTP");
         }
         else {
                 alert("Bitte aktualisieren Sie ihren Browser");
         }
}

/**
 * instantiates a new xmlhttprequest object
 *
 * @return xmlhttprequest object or false
 */
function getXMLRequester( )
{
    var xmlHttp = false;

    // try to create a new instance of the xmlhttprequest object
    try
    {
        // Internet Explorer
        if( window.ActiveXObject )
        {
            for( var i = 6; i; i-- )
            {
                try
                {
                    // loading of a newer version of msxml dll (msxml3 - msxml5) failed
                    // use fallback solution
                    // old style msxml version independent, deprecated
                    if( i == 2 )
                    {
                        xmlHttp = new ActiveXObject( "Microsoft.XMLHTTP" );
                    }
                    // try to use the latest msxml dll
                    else
                    {

                        xmlHttp = new ActiveXObject( "Msxml2.XMLHTTP." + i + ".0" );
                    }
                    break;
                }
                catch( excNotLoadable )
                {
                    xmlHttp = false;
                }
            }
        }
        // Mozilla, Opera und Safari
        else if( window.XMLHttpRequest )
        {
            xmlHttp = new XMLHttpRequest();
        }
    }
    // loading of xmlhttp object failed
    catch( excNotLoadable )
    {
        xmlHttp = false;
    }
    return xmlHttp ;
}
var textReq = getXMLRequester();

function getSeite(id){
         var textid = id;
         textReq.open("GET", 'ajax_get_page.php?id=' + id, true);
         changeKlickbar(id,1);
         textReq.onreadystatechange = handleResult;
         textReq.send(null); 
}
function handleResult(){
         
         if (textReq.readyState == 4) {
              var ss = document.getElementById('popup_page'); 
              ss.innerHTML = '';
              var str = textReq.responseText;
              ss.innerHTML = str;             
         }
}

function changeKlickbar(id,mode){
         if (mode == 1){
             var clo = 'closeSeite('+id+')';
             //document.getElementById('klickbar').setAttribute("onclick", "alert("+id+")", 1);
             //document.getElementById('klickbar_titel').setAttribute("onclick", "alert("+id+")", 1);
             document.getElementById('klickbar').innerHTML = "<a href=\"#\" onclick=\"closeSeite("+id+")\">"+schliessen+"</a>";
             document.getElementById('klickbar_titel').onclick = clo;
             //document.getElementById('klickbar').innerHTML = schliessen; 
         }
         if (mode == 2){
            var opa = 'getSeite('+id+')';
            //document.getElementById('klickbar').innerHTML = oeffnen;
            //document.getElementById('klickbar').setAttribute("onclick", opa, 1);
            document.getElementById('klickbar_titel').setAttribute("onclick", opa, 1);
            document.getElementById('klickbar').innerHTML = "<a href=\"#\" onclick=\"getSeite("+id+")\">"+oeffnen+"</a>";
              
            
         }         
}

function closeSeite(id){
         //alert("HALLO");        
         var aa = document.getElementById('popup_page'); 
         aa.innerHTML = '';
         //document.getElementById('popup_page').innerHTML = '';
         changeKlickbar(id,2);                  
}


/*****

Image Cross Fade Redux
Version 1.0
Last revision: 02.15.2006
steve@slayeroffice.com

Please leave this notice intact. 

Rewrite of old code found here: http://slayeroffice.com/code/imageCrossFade/index.html


*****/

//window.addEventListener?window.addEventListener("load",so_init,false):window.attachEvent("onload",so_init);
//window.addEventListener?window.addEventListener("load",startslideshow,false):window.attachEvent("onload",startslideshow);

var d=document, imgs = new Array(), zInterval = null, current=0, pause=false, initiated=false, slide=false, chosen=false, stopped=false;
// Die Dauer, wie Lange ein Bild angezeigt wird:
// 1000 = ca. 1 Sekunde
//var intervall=1000;

// Funktion startet nur einmal, da sonst der Überblend-Vorgang mehrmals gestartet wird.
function startslideshow(){
         var refreshrate_input = document.getElementById('refreshrate');
         rrv = 1000*refreshrate_input.value;
         intervall = rrv;
         
         var startbutton = document.getElementById('slideshowstarter_div');
         startbutton.style.display = 'none';
         startbutton.style.visibility = 'hidden';
         
         var stopbutton = document.getElementById('slideshowstopper_div');
         stopbutton.style.display = 'block';
         stopbutton.style.visibility = 'visible';
         
         slide = true;
         if(initiated==false){
            so_init();
            initiated=true;
         }
}

// Funktion startet nur einmal, da sonst der Überblend-Vorgang mehrmals gestartet wird.
function stopslideshow(){
         var startbutton = document.getElementById('slideshowstarter_div');
         startbutton.style.display = 'block';
         startbutton.style.visibility = 'visible';
         
         var stopbutton = document.getElementById('slideshowstopper_div');
         stopbutton.style.display = 'none';
         stopbutton.style.visibility = 'hidden';
         
         slide = false;
         initiated = false;
         chosen=false;
         stopped=true;
}

function listpicNavigationBack(page){
         // Die Bilder werden angezeigt:
         divs = document.getElementsByName('bilder_liste');
         for(i=1;i<=divs.length;i++){
             div = document.getElementById('bilder_liste_'+i);
             div.style.display = 'none';
         }
         
         //******* Für IE *******//
         divsIE = document.getElementsByTagName('div');
         // Alle Divs werden durchlaufen:
         for(i=0;i<divsIE.length;i++){
             // Wenn das Div den Namen 'bilder_liste' trägt...
             if(divsIE[i].getAttribute('name')=='bilder_liste'){
                // ...wird das Div auf jede mögliche Id kontrolliert...
//                for(o=0;o<=divsIE.length;o++){
//                    // ...und bei Übereinstimmung...
//                    if(divsIE[i].getAttribute('id')=='bilder_liste_'+o){
//                       // display auf 'none' gesetzt:
//                       divsIE[i].style.display='none';
//                    }
//                }
                divsIE[i].style.display='none';
             }
         }
         //*******************************//
         // Div wird sichtbar gemacht.
         div = document.getElementById('bilder_liste_'+page);
         div.style.display = 'block';
         
         
         // Die richtige Navigation wird angezeigt:
         divs = document.getElementsByName('navigation');
         for(i=1;i<=divs.length;i++){
             div = document.getElementById('navigation_'+i);
             div.style.display = 'none';
         }
         
         //******* Für IE *******//
         divsIE = document.getElementsByTagName('div');
         // Alle Divs werden durchlaufen:
         for(i=0;i<divsIE.length;i++){
             // Wenn das Div den Namen 'bilder_liste' trägt...
             if(divsIE[i].getAttribute('name')=='navigation'){
                // ...wird das Div auf jede mögliche Id kontrolliert...
//                for(o=0;o<=divsIE.length;o++){
//                    // ...und bei Übereinstimmung...
//                    if(divsIE[i].getAttribute('id')=='navigation_'+o){
//                       // display auf 'none' gesetzt:
//                       divsIE[i].style.display='none';
//                    }
//                }
                divsIE[i].style.display='none';
             }
         }
         //*******************************//
         
         // Div wird sichtbar gemacht.
         div = document.getElementById('navigation_'+page);
         div.style.display = 'block';
}

function listpicNavigationForward(page){
         // Die Bilder werden angezeigt:
         divs = document.getElementsByName('bilder_liste');
         for(i=1;i<=divs.length;i++){
             div = document.getElementById('bilder_liste_'+i);
             div.style.display = 'none';
         }
         
         //******* Für IE *******//
         divsIE = document.getElementsByTagName('div');
         // Alle Divs werden durchlaufen:
         for(i=0;i<divsIE.length;i++){
             // Wenn das Div den Namen 'bilder_liste' trägt...
             if(divsIE[i].getAttribute('name')=='bilder_liste'){
                // ...wird das Div auf jede mögliche Id kontrolliert...
//                for(o=0;o<=divsIE.length;o++){
//                    // ...und bei Übereinstimmung...
//                    if(divsIE[i].getAttribute('id')=='bilder_liste_'+o){
//                       // display auf 'none' gesetzt:
//                       divsIE[i].style.display='none';
//                    }
//                }
                divsIE[i].style.display='none';
             }
         }
         //*******************************//
         // Div wird sichtbar gemacht.
         div = document.getElementById('bilder_liste_'+page);
         div.style.display = 'block';
         
         
         // Die richtige Navigation wird angezeigt:
         divs = document.getElementsByName('navigation');
         for(i=1;i<=divs.length;i++){
             div = document.getElementById('navigation_'+i);
             div.style.display = 'none';
         }
         
         //******* Für IE *******//
         divsIE = document.getElementsByTagName('div');
         // Alle Divs werden durchlaufen:
         for(i=0;i<divsIE.length;i++){
             // Wenn das Div den Namen 'bilder_liste' trägt...
             if(divsIE[i].getAttribute('name')=='navigation'){
                // ...wird das Div auf jede mögliche Id kontrolliert...
//                for(o=0;o<=divsIE.length;o++){
//                    // ...und bei Übereinstimmung...
//                    if(divsIE[i].getAttribute('id')=='navigation_'+o){
//                       // display auf 'none' gesetzt:
//                       divsIE[i].style.display='none';
//                    }
//                }
                divsIE[i].style.display='none';
             }
         }
         //*******************************//
         
         // Div wird sichtbar gemacht.
         div = document.getElementById('navigation_'+page);
         div.style.display = 'block';
}

// Läd die Titel und Beschreibung eines Bildes
function loadTitelBeschreibung(nummer){
         titeldivs = document.getElementsByName('titelDiv');
         beschdivs = document.getElementsByName('beschreibungDiv');
         titeldivsIE = document.getElementsByTagName('div');
         beschdivsIE = document.getElementsByTagName('div');
         titeldiv = document.getElementById('titelDiv_'+nummer);
         beschdiv = document.getElementById('beschreibungDiv_'+nummer);
         
         // Alle anderen Titel werden ausgeblendet
         for(i=0;i<titeldivs.length;i++){
             titeldivs[i].style.display = "none";
             //titeldivs[i].style.visibility = "hidden";
         }
         // Für IE:
         for(i=0;i<titeldivsIE.length;i++){
             if(titeldivsIE[i].getAttribute('name')=='titelDiv'){
                titeldivsIE[i].style.display='none';
             }
         }
         /***********************************/
         
         // Alle anderen Beschreibungen werden ausgeblendet
         for(i=0;i<beschdivs.length;i++){
             beschdivs[i].style.display = "none";
             //titeldivs[i].style.visibility = "hidden";
         }
         // Für IE:
         for(i=0;i<beschdivsIE.length;i++){
             if(beschdivsIE[i].getAttribute('name')=='beschreibungDiv'){
                beschdivsIE[i].style.display='none';
             }
         }
         /***********************************/
         
         titeldiv.style.display = "block";
         //titeldiv.style.visibility = "visible";
         beschdiv.style.display = "block";
         //beschdiv.style.visibility = "visible";
}

// Beim klicken auf ein Thumbnail, wird es groß gemacht und 'current' auf den aktuellen Wert gesetzt.
function showPictureBig(pos){
         // Slideshow wird gestoppt:
         stopslideshow();
         chosen = true;
         imgs = document.getElementById("imageContainer").getElementsByTagName("img");
         
         // Aktuell sichtbares Bild wird ausgeblendet
//         imgs[current].style.display = "none";
//    	   imgs[current].xOpacity = 0;
    	   
    	   var done = false;
    	   // Alle Bilder werden ausgeblendet!
    	   for(i=0;i<imgs.length;i++){
             imgs[i].xOpacity = 0;
             imgs[i].style.MozOpacity = 0;
             imgs[i].style.opacity = 0;
             imgs[i].style.display = "none";
             imgs[i].style.filter = "alpha(opacity=" + (imgs[i].xOpacity*100) + ")";
             //imgs[i].style.visibility = "hidden";
             done = true;
         }
    	   // Wenn bereits eine Slideshow gestartet wurde...
//    	   if(initiated==true){
//    	       // ...wird das Bild das als nächstes käme auch ausgeblendet
//        	   imgs[nIndex].style.display = "none";
//        	   imgs[nIndex].xOpacity = 0;
//         }
         if(done=true){
             // Angeklicktes Bild wird das Aktuelle
             current = pos;
             imgs[current].style.display = "block";
             imgs[current].style.visibility = "visible";
        	   imgs[current].xOpacity = .99;
        	   imgs[current].style.opacity = .99;
        	   // Für Mozilla:
        	   imgs[current].style.MozOpacity = .99;
        	   // Für IE:
        	   imgs[current].style.filter = "alpha(opacity=" + (imgs[current].xOpacity*100) + ")";
        	   
        	   
        	   // Das nächste Bild bekommt den Wert des nachfolgenden Bildes
        	   if(imgs[current+1]){
                 nIndex = current+1;
        	   }
        	   else{
                 nIndex = 0;
             }
         }
         
         // Titel und Beschreibung werden geladen:
         loadTitelBeschreibung(pos);
}

function so_init() {
      if(stopped==false){
        	if(!d.getElementById || !d.createElement)return;
        
        	// DON'T FORGET TO GRAB THIS FILE AND PLACE IT ON YOUR SERVER IN THE SAME DIRECTORY AS THE JAVASCRIPT!
        	// http://slayeroffice.com/code/imageCrossFade/xfade2.css
        	css = d.createElement("link");
        	css.setAttribute("href","themes/basic/style.css");
        	css.setAttribute("rel","stylesheet");
        	css.setAttribute("type","text/css");
        	d.getElementsByTagName("head")[0].appendChild(css);
        
        	imgs = d.getElementById("imageContainer").getElementsByTagName("img");
        	// Wenn durch Auswahl eines Bildes bereits alle Bilder ausgeblendet wurden.
          if(chosen==false){
            	for(i=1;i<imgs.length;i++){
                  imgs[i].xOpacity = 0;
                  imgs[i].style.opacity = 0;
                  imgs[i].style.display = "none";
                  //imgs[i].style.visibility = "hidden";
              }
          }
          
          // Wenn das erste mal Initiiert wird, wird sofort auf sichtbar gestellt
          if(current==0){
        	   imgs[0].style.display = "block";
        	   //imgs[0].style.visibility = "visible";
        	   imgs[0].xOpacity = .99;
        	   imgs[0].style.opacity = .99;
        	}
        	else{ // Wenn gestoppt wurde, wird da weiter gemacht wo aufgehört wurde.
             imgs[current].style.display = "block";
             //imgs[current].style.visibility = "visible";
        	   imgs[current].xOpacity = .99;
        	   imgs[current].style.opacity = .99;
        	   if(imgs[current+1]){
          	   imgs[current+1].style.display = "block";
          	   //imgs[current+1].style.visibility = "visible";
          	   imgs[current+1].xOpacity = .99;
          	   imgs[current+1].style.opacity = .99;
        	   }
        	   else{
               imgs[0].style.display = "block";
               //imgs[0].style.visibility = "visible";
        	     imgs[0].xOpacity = .99;
        	     imgs[0].style.opacity = .99;
             }
          }
        	
        	setTimeout(so_xfade,intervall);
    	}
    	else{
          slide=true;
          setTimeout(so_xfade,intervall);
      }
}

function so_xfade() {
//   chbx = document.getElementById("slideshowstarter");
//   if(chbx.checked==true){
    //  imgdivs = document.getElementsByName("imageDiv");
      
    	cOpacity = imgs[current].xOpacity;
    	nIndex = imgs[current+1]?current+1:0;
    
    	nOpacity = imgs[nIndex].xOpacity;
    	
    	cOpacity-=.05; 
    	nOpacity+=.05;
    	
    	// Divs werden sichtbar gemacht:
    //	imgdivs[nIndex].style.display = "block";
    //	imgdivs[nIndex].style.visibility = "visible";
    	
    	imgs[nIndex].style.display = "block";
    	//imgs[nIndex].style.visibility = "visible";
    	imgs[current].xOpacity = cOpacity;
    	//imgs[current].style.opacity = cOpacity;
    	imgs[nIndex].xOpacity = nOpacity;
    	//imgs[nIndex].style.opacity = cOpacity;
    	
      setOpacity(imgs[current],current);
      setOpacity(imgs[nIndex],nIndex);
    	
    	// Wenn die Deckkraft noch nicht bei 0 angekommen ist, wird weiter ausgeblendet:
    	if(cOpacity<=0){
    	   
        	  // Divs werden unsichtbar gemacht:
        //	  imgdivs[nIndex].style.display = "none";
        //	  imgdivs[nIndex].style.visibility = "hidden";
            
        		 imgs[current].style.display = "none";
        		 //imgs[current].style.visibility = "hidden";
        		 current = nIndex;
          	 loadTitelBeschreibung(current);
        		 if(slide==true){
          		  setTimeout(so_xfade,intervall);
        		 }
    	}
      else{
    		    setTimeout(so_xfade,50);
    	}
    	
    	// Setzen der Deckkraft für Firefox *****
    	function setOpacity(obj,id) {
    		if(obj.xOpacity>.99) {
    			 obj.xOpacity = .99;
//    			 loadTitelBeschreibung(id);
    			 return;
    		}
    		obj.style.opacity = obj.xOpacity;
    		// Für Mozilla:
    		obj.style.MozOpacity = obj.xOpacity;
    		// Für IE:
    		obj.style.filter = "alpha(opacity=" + (obj.xOpacity*100) + ")";
    	}
    	// **********************************
//	}
}

function ShowNextPrevPicture(direction){
         imgs = document.getElementById("imageContainer").getElementsByTagName("img");
         // Wenn durch Auswahl eines Bildes bereits alle Bilder ausgeblendet wurden.
         
         for(i=0;i<imgs.length;i++){
             // Holt das aktuell angezeigte Bild
             if(imgs[i].style.display=="block"){
                // Und schreibt dessen Positions-Nummer in eine Variable
                var current = i;
             }
             imgs[i].xOpacity = 0;
             imgs[i].style.opacity = 0;
             imgs[i].style.display = "none";
         }
         
         // Macht das nächste Bild sichtbar:
         if(direction=='next'){
            // Wenn es kein nächstes Bild gibt:
            if(imgs[current+1]){
               var obj = imgs[current+1];
               loadTitelBeschreibung(current+1);
            }
            else{
               // Wird das aktuelle wieder sichtbar gemacht:
               var obj = imgs[current];
               loadTitelBeschreibung(current);
            }
         }// Macht das vorherige Bild sichtbar:
         else if(direction=='previous'){
            // Wenn es kein vorheriges Bild gibt:
            if(current-1>=0){
               var obj = imgs[current-1];
               loadTitelBeschreibung(current-1);
            }
            else{
               // Wird das aktuelle wieder sichtbar gemacht:
               var obj = imgs[current];
               loadTitelBeschreibung(current);
            }
         }
         
         obj.xOpacity = .99;
         obj.style.opacity = .99;
         obj.style.display = "block";
         obj.style.opacity = obj.xOpacity;
    		 // Für Mozilla:
    		 obj.style.MozOpacity = obj.xOpacity;
    		 // Für IE:
    		 obj.style.filter = "alpha(opacity=" + (obj.xOpacity*100) + ")";
}

// Ändert die URL auf die beim klicken auf 'Bestellen' geleitet wird je nach gewählten Bezahlungsart
function changeWarenkorbBestellungTarget(paypal){
         if(paypal==0) {
            document.bestellung.action = 'warenkorb.php?order=6';
         }
         if(paypal==1) {
            document.bestellung.action = 'warenkorb.php?order=6&paypal=1';
            //document.bestellung.action = 'https://www.paypal.com/cgi-bin/webscr';
         }
         if(paypal==2) {
            document.bestellung.action = 'warenkorb.php?order=6&micropayment_ls=1';
         }
         if(paypal==3) {
            document.bestellung.action = 'warenkorb.php?order=6&micropayment_c2p=1';
         }
         if(paypal==4) {
            document.bestellung.action = 'warenkorb.php?order=6&micropayment_hp=1';
         }
         if(paypal==5) {
            document.bestellung.action = 'warenkorb.php?order=6&micropayment_kk=1';
         }
         if(paypal==6) {
            document.bestellung.action = 'warenkorb.php?order=6&micropayment_eb2p=1';
         }
}

function emptySearchText(field){
    var feld = document.getElementById(field);
    if(field.filled != 'yes'){
       field.bla = field.value;
       field.value='';
       field.filled = 'yes';
    }
}

function insertSearchText(field){
    var feld = document.getElementById(field);
    if(field.value==''){
//       field.value='Wie lautet Ihre E-Mail-Adresse?';
       field.value = field.bla;
       field.filled = '';
    }
}

/** Die Funktion läd das Bild in den Link um es anklickbar zu machen **/
function activateLyteboxLink(){
         /* Hole die Divs die die Bilder beinhalten */
         if(navigator.appName=="Microsoft Internet Explorer"){
            var pic_divs = getElementsByName_iefix('div','pic_cont_div');
         }
         else{
            var pic_divs = document.getElementsByName('pic_cont_div');
         }
         
         for(i=0;i<pic_divs.length;i++){
             var div_id = pic_divs[i].id;
             var inner = pic_divs[i].innerHTML;
             
             /* Hole den zugehörigen Link */
             var pic_link = document.getElementById('link_'+div_id);
             /* Füge das Bild in den Link ein */
             pic_link.innerHTML = inner;
             // Das src-Attribut des img-Objekts wird überschrieben, damit Formatierungsfehler verhindert werden. (Umlaute werden falsch dargestellt.)
             if(pic_divs[i].childNodes[0]!='undefined' && pic_divs[i].childNodes[0] == '[object HTMLImageElement]'){
                pic_link.childNodes[0].src = pic_divs[i].childNodes[0].src;
             }
             pic_link.href = UmlauteInHexConverter(div_id);
             
             pic_divs[i].innerHTML = '';
             /* Das leere Div wird noch ausgeblendet */
             pic_divs[i].style.display = 'none';
         }
}

// Diese Funktion ersetzt bestmmte Umlaute durch deren im Internet (in Adresszeilen) gebräuchlichen Hex-Codes
// Sehr hilfreich beim Laden von Bildern mit Umlauten.
function UmlauteInHexConverter(string){
         string = str_replace('ß','%DF',string);
         string = str_replace('Ü','%DC',string);
         string = str_replace('Ö','%D6',string);
         string = str_replace('Ä','%C4',string);
         string = str_replace('ä','%E4',string);
         string = str_replace('ö','%F6',string);
         string = str_replace('ü','%FC',string);
         string = str_replace(' ','%20',string);
         return string;
}

// Diese Funktion sucht einen Teilstring in einem String und ersetzt ihn durch einen bestimmten String
function str_replace(search, replace, subject) {
    return subject.split(search).join(replace);
}

function showThumbnailBig(picture_id){
         if(picture_id!=0){
             chosen = true;
             imgs = document.getElementById("imageContainer").getElementsByTagName("img");
             titel = document.getElementById("titelContainer").getElementsByTagName("div");
        	   
        	   var done = false;
        	   // Alle Bilder werden ausgeblendet!
        	   for(i=0;i<imgs.length;i++){
                 imgs[i].style.display = "none";
                 titel[i].style.display = "none";
                 done = true;
             }
        	   
             if(done=true){
                 // Angeklicktes Bild wird das Aktuelle
                 current = picture_id;
                 
                 img = document.getElementById("image_"+current);
                 titel = document.getElementById("titelDiv_"+current);
                 
                 img.style.display = "block";
                 img.style.visibility = "visible";
                 
                 titel.style.display = "block";
                 titel.style.visibility = "visible";
                 
                 titeldivs = document.getElementById("titelContainer").getElementsByTagName("div");
                 for(i=0;i<titeldivs.length;i++){
                     if(titeldivs.display=="block"){
                        var bildtitel = titeldivs.value;
                     }
                 }
                 
             }
         }
}

function showThumbnailBigAndChangeDropDown(picture_id,firstpicture_id){
         // Slideshow wird gestoppt:
         stopslideshow();
         chosen = true;
         imgs = document.getElementById("imageContainer").getElementsByTagName("img");
         titel = document.getElementById("titelContainer").getElementsByTagName("div");
    	   
    	   if(document.getElementById("attribut01")!=null){
    	      select01 = document.getElementById("attribut01");
    	      options01 = document.getElementById("attribut01").getElementsByTagName("option");
    	   }
    	   if(isNaN(document.getElementById("attribut02"))){
    	      select02 = document.getElementById("attribut02");
    	      options02 = document.getElementById("attribut02").getElementsByTagName("option");
    	   }
    	   if(isNaN(document.getElementById("attribut03"))){
    	      select03 = document.getElementById("attribut03");
    	      options03 = document.getElementById("attribut03").getElementsByTagName("option");
    	   }
    	   if(isNaN(document.getElementById("attribut04"))){
    	      select04 = document.getElementById("attribut04");
    	      options04 = document.getElementById("attribut04").getElementsByTagName("option");
    	   }
    	   if(isNaN(document.getElementById("attribut05"))){
    	      select05 = document.getElementById("attribut05");
    	      options05 = document.getElementById("attribut05").getElementsByTagName("option");
    	   }
    	   
    	   var done = false;
    	   // Alle Bilder werden ausgeblendet!
    	   for(i=0;i<imgs.length;i++){
             imgs[i].style.display = "none";
             titel[i].style.display = "none";
             done = true;
         }
    	   
         if(done=true){
             // Angeklicktes Bild wird das Aktuelle
             current = picture_id;
             
             img = document.getElementById("image_"+current);
             titel = document.getElementById("titelDiv_"+current);
             
             img.style.display = "block";
             img.style.visibility = "visible";
             
             titel.style.display = "block";
             titel.style.visibility = "visible";
             
             titeldivs = document.getElementById("titelContainer").getElementsByTagName("div");
             for(i=0;i<titeldivs.length;i++){
                 if(titeldivs.display=="block"){
                    var bildtitel = titeldivs.value;
                 }
             }
             
             // Wählt die zum Bild passende Option bei den Attributen aus:
             if(document.getElementById("attribut01")!=null){
                
                for(i=0;i<options01.length;i++){
                    if(options01[i].id==firstpicture_id){
                       select01.selectedIndex = i;
                    }
                }
             }
             if(document.getElementById("attribut02")!=null){
                for(i=0;i<options02.length;i++){
                    if(options02[i].id==firstpicture_id){
                       select02.selectedIndex = i;
                       
                    }
                }
             }
             if(document.getElementById("attribut03")!=null){
                for(i=0;i<options03.length;i++){
                    if(options03[i].id==firstpicture_id){
                       select03.selectedIndex = i;
                    }
                }
             }
             if(document.getElementById("attribut04")!=null){
                for(i=0;i<options04[i].length;i++){
                    if(options04.id==firstpicture_id){
                       select04.selectedIndex = i;
                    }
                }
             }
             if(document.getElementById("attribut05")!=null){
                for(i=0;i<options05[i].length;i++){
                    if(options05.id==firstpicture_id){
                       select05.selectedIndex = i;
                    }
                }
             }
         }
}

function getElementsByName_iefix(tag, name){
     
     var elem = document.getElementsByTagName(tag);
     var arr = new Array();
     for(i = 0,iarr = 0; i < elem.length; i++) {
          att = elem[i].getAttribute("name");
          if(att == name) {
               arr[iarr] = elem[i];
               iarr++;
          }
     }
     return arr;
}