/*Die folgende Funktion lädt per Ajax Inhalte in Div's mit weichem Übergang
Aufruf 
smoothload(**Umgebenes DIV wird zur Anzeige genutzt erst ausblenden inhalte laden dann einblenden höhe setzen**,
**pfad welcher geladen wird**
,**DIV in welches der Inhalt geladen wird**,
**KategorieID wichtig für Hintergründe**
,**Höhe welche dem Content zugeordnet ist. ist keine zugeordnet höhe = 470px**
,** wenn übergeben und 1 wird ds middle div auf 436px aniemiert sonst keine animation**)
*/
function smoothload(DIV_ID1,PATH,DIV_ID2,THE_ID,NEWHEIGHT,SHOW_MIDDLE2)
 { 
 wirdgeladen=true;
 window.scrollTo(0, 0);
 document.kategorie_form.kategorie_value.value=THE_ID;
 var para1=DIV_ID1;
 var para2=PATH;
 var para3=DIV_ID2;
 var para4=THE_ID;
 if(para4=='')
 {
   para4='123E67A0222';
 }
 var para5=NEWHEIGHT;
  if(para5=='')
 {
   para5='nd';
 }
 var para6=SHOW_MIDDLE2;
  if(para6=='')
 {
   para6='nd';
 }
 var pfad = PATH.split("?");
 var endpfad;
 if(pfad.length==2)
 {
   endpfad=pfad[0]+'?'+pfad[1];
 }
 else
 {
   endpfad=pfad[0]+'?kat_id='+para4;
  }
 para2=endpfad;
 var newpfad;
 var _app = navigator.appName;
  if(_app == 'Microsoft Internet Explorer')
  { 
     newpfad=para1+','+para2+','+para3+','+para4+','+para5+','+para6;
  }
  else
  {
     newpfad='#'+para1+','+para2+','+para3+','+para4+','+para5+','+para6;
  }
  var istauto=false;
 $(DIV_ID1).fadeOut('slow', function()                      //umgebendes Div wird ausgeblendet Ajax loader läuft
     {
     $(DIV_ID2).load(endpfad,{ajax: "1"}, function(){
         location.hash = newpfad;
         if(_app == 'Microsoft Internet Explorer')
        {
         window.frames["historyframe"].window.location.search = "?" + escape(newpfad);
         }
         $('#history').val(para2);
         pageTracker._trackPageview(para2);         
         if(!NEWHEIGHT)                                     //wurde newsheight übergeben
         {   
           $(DIV_ID1).fadeIn('slow');                      //wenn Höhe nicht mitgegeben fade in hauptdiv
         }
         else
         {
           var hoehe=NEWHEIGHT;
           if(hoehe=='auto')                                //newsheight auto dann höhe 470
           {
             hoehe='470';
             istauto=true;
           } 
           $(DIV_ID1).fadeIn('slow');                       //wenn Höhe mitgegeben wurde hauptdiv laden mit diversen anderen funktionen
           $(DIV_ID2).animate({height:hoehe}, 200);         //Inhaltdiv auf mitgelieferte Höhe aniemieren
           $(DIV_ID1).animate({height:hoehe}, 200, function() 
           {
           if(istauto==true)                                //Wenn höhe auto übergeben wurde
           {
             if(!document.getElementById('Fliesstext_links'))  //wenn Fliesstext_links nicht da dann wird div1h mit 10 deklariert
                { 
                  var div1h=10;
                }
             else
                {var div1h=document.getElementById('Fliesstext_links').offsetHeight;}   //wenn Fliesstext_links da dann wird höhe ermittelt
             var div2h=document.getElementById('Fliesstext_rechts').offsetHeight;       //höhe von Fliesstext_rechts lesen
             if(div1h>div2h)                                                     //vergleich welches div größer ist und entsprechend größe vom inhalt div angepasst
             {
               if(document.getElementById('Bild_1000x200'))
                 {hoehe=div1h+285;}
               else
               {
                 hoehe=div1h+175;
               }
             }
             else
             {
               if(document.getElementById('Bild_1000x200'))
                  {
                    hoehe=div2h+285;
                  }
               else
                  {
                    hoehe=div2h+175;
                  }
             }
             $(DIV_ID1).animate({height:hoehe},500);              //DIV_ID1 wird auf die höhe aniemiert.
             $('#content_middle1').animate({height:hoehe},500);   //#content_middle1 wird auf die höhe aniemiert.
			 wirdgeladen=false;
          }
          });
         }
     });
  });
  if(SHOW_MIDDLE2=='1')
  {
     $('#content_middle2').animate({height:'436px'}, 500);   //nur wenn animeation mit SHOW_MIDDLE2=1 angefordert wurde aniemieren.
  }
}
function lade_info() 
  {     
        if( wirdgeladen==true)
		{return;}
        var schritt;
        _app = navigator.appName;
        if(_app == 'Microsoft Internet Explorer')
        {
          schritt = window.frames["historyframe"].window.location.search.substring(1);
          schritt=unescape(schritt);
        }
        else
        {
           schritt = location.hash.substring(1);
        }
        if(schritt.length>1)
        {
          var para = schritt.split(",");
          var para1=para[0];
          para1=unescape(para1);
          var para2=para[1];
          var para3=para[2];
          para3=unescape(para3);
          var para4=para[3];
          if(para4=='nd')
          {
            para4='';
          }
          var para5=para[4];
          if(para5=='nd')
          {
            para5='';
          }
          var para6=para[5];
          if(para6=='nd')
          {
            para6='';
          }
            var aurl=$('#history').val();
            aurl=unescape(aurl);
            para2=unescape(para2);
            if(aurl!=para2)
            {
              smoothload(para1,para2,para3,para4,para5,para6);
              return;  
            }
         }
  }
//Diese Funktion realisiert das Blättern von Seite zu seite bei mehrseitigen Menüpunkten
function blendover(DIV_ID,PATH)
{
  $(DIV_ID).fadeOut('slow',
    function()
	{$(DIV_ID).load(PATH,
	  function()
	  {$(DIV_ID).fadeIn('slow')
	  })
	});
}
function animateload(DIV_ID1,HEIGHT1,DIV_ID2,HEIGHT2,DIV_ID3,PATH,DIV_ID4,THE_ID,NEWHEIGHT){
  window.scrollTo(0, 0);
  $(DIV_ID1).animate({height:HEIGHT1}, 500);
  $(DIV_ID2).animate({height:HEIGHT2}, 500,
    function(){smoothload(DIV_ID3,PATH,DIV_ID4,THE_ID,NEWHEIGHT);
	});
} 
//Diese Funktion schließt auf der Artikel-Detailseite alle Detailpopups auf einmal
function close_all_detaildiv(DIV_ID1,DIV_ID2,DIV_ID3,DIV_ID4)
{
  $(DIV_ID1).animate({height:'0px'}, 500);
  $(DIV_ID2).animate({height:'0px'}, 500);
  $(DIV_ID3).animate({height:'0px'}, 500);
  $(DIV_ID4).animate({height:'0px'}, 500);
}