// Globale Variablen
var toggle_out = 0;
var toggle1;
var last_click = 0;
var aktuell;
var next;

var anzahl_bg_images = 15;





// DomReady
window.addEvent('domready', function(){
   init();   
});


// Initialisierung
function init(){
   
   // Lightbox initialisieren
   Lightbox.init({descriptions: '.lightboxDesc', showControls: true});
  
   
   
   // Submenue-Navigation
   $('menu_1').addEvent('click', function() {
      loadPage(9);
	 });
	 
	 $('menu_2').addEvent('click', function() {
	    loadPage(12);
	 });
	 
	 $('menu_3').addEvent('click', function() {
		  loadPage(13);
	 });
	 
	 $('menu_4').addEvent('click', function() {
		  loadPage(14);
	 });
	 
	 $('menu_5').addEvent('click', function() {
		  loadPage(15);
	 });
	 
	 $('menu_6').addEvent('click', function() {
		  loadPage(16);
	 });

   
   
   
   // ImageMenu
   var cat_id = document.getElementById('cat_id').innerHTML;
   if(cat_id == 2){
      open_start = 0;
      changeColor(open_start + 1);
      changeSub(open_start + 1);
   }
   else if(cat_id == 3){
      open_start = 1;
      changeColor(open_start + 1);
      changeSub(open_start + 1);
   }
   else if(cat_id == 4){
      open_start = 2;
      changeColor(open_start + 1);
      changeSub(open_start + 1);
   }
   else if(cat_id == 5){
      open_start = 3;
      changeColor(open_start + 1);
      changeSub(open_start + 1);
   }
   else if(cat_id == 6){
      open_start = 4;
      changeColor(open_start + 1);
      changeSub(open_start + 1);
   }
   else if(cat_id == 7){
      open_start = 5;
      changeColor(open_start + 1);
      changeSub(open_start + 1);
   }
   else {
      open_start = null;
      changeColor(0);
      //changeSub(0);
      document.getElementById('submenu').style.display="none";
   }
   
   var myMenu = new ImageMenu($$('#imageMenu a'),{openWidth:310,border:2,open: open_start,onOpen:function(e,i){showSubmenu(e,i);}}); 
   
	
	
   // Tabs/Button change und umfassenden Container sliden
   var fxfadeout = new Fx.FadeOut('umfassender_container', {duration:1000});
   var fxfadein = new Fx.FadeIn('umfassender_container', {duration:1000});
   
   $('button_1').addEvent('click', function(e){
	     e = new Event(e);   
	     document.getElementById('button_1').style.display = 'none';
	     document.getElementById('button_2').style.display = 'block';
	     fxfadeout.start();
       e.stop();
   });
   
   $('button_2').addEvent('click', function(e){
	     e = new Event(e);
	     document.getElementById('button_1').style.display = 'block';
       document.getElementById('button_2').style.display = 'none';   
       fxfadein.start();
	     e.stop();
   });

   
   
   // Hintergrundbilder
	 aktuell = document.getElementById('aktuelles_bild').innerHTML;
	 next = aktuell;
   
   $('pfeil_links').addEvent('click', function(e){
	     e = new Event(e);
	     
	     next--; 
       var url = 'http://www.kirchengemeinde-steinfeld.de/index.php?article_id=10&bild=' + next;
	     
       new Ajax(url, {
		     method: 'get',
		     update: $('aktuelles_bild'),
		     onComplete: function() {changeBGlinks(); }
	     }).request();
	     
	     e.stop();
   });
   
   $('pfeil_rechts').addEvent('click', function(e){
	     e = new Event(e);
       
       next++; 
       var url = 'http://www.kirchengemeinde-steinfeld.de/index.php?article_id=10&bild=' + next;
	     
       new Ajax(url, {
		     method: 'get',
		     update: $('aktuelles_bild'),
		     onComplete: function() {changeBGrechts(); }
	     }).request();
       
	     e.stop();
   });



   // Seite drucken
   $('drucken').addEvent('click', function() {
      window.print(); 
	 });  

}




// neue Seite laden
function loadPage(seite){
   var url = 'http://www.kirchengemeinde-steinfeld.de/index.php?article_id=' + seite;
   document.location.href = url;

}

// neue Seite laden
function createPDF(aid){
   var url = 'http://www.kirchengemeinde-steinfeld.de/index.php?article_id=8&aid=' + aid;
   window.open(url);
}



// Bild im Artikelhintergrund neu laden, aufsteigend
function changeBGrechts(){
       
       
       if (document.getElementById('aktuelles_bild').innerHTML == 'false'){
          next = 1;
       } 
        
       var url2 = 'http://www.kirchengemeinde-steinfeld.de/index.php?article_id=11&bild=' + next;
       
       new Ajax(url2, {
		     method: 'get',
		     update: $('fotogalerie')
	    }).request();
      
}


// Bild im Artikelhintergrund neu laden, absteigend
function changeBGlinks(){
       
       
       if (document.getElementById('aktuelles_bild').innerHTML == 'false'){
          next = anzahl_bg_images;
       } 
        
       var url2 = 'http://www.kirchengemeinde-steinfeld.de/index.php?article_id=11&bild=' + next;
       
       new Ajax(url2, {
		     method: 'get',
		     update: $('fotogalerie')
	    }).request();
      
}



// Submenue oeffnen nach Klick auf Image im Hauptmenue
function showSubmenu(e,i){
    
}


// Farbe des Farbschemas ändern
function changeColor(i){
   
   // Balken unterhalb Menue
   document.getElementById('bar').className = 'bar_' + i;
   
   // H1 Überschriften
   var titles = $$('h1');
   titles.each(
      function(title, j){
         if(i == 1){
            document.getElementsByTagName("h1")[j].style.color="#fb9300";
         }
         else if(i == 2){
            document.getElementsByTagName("h1")[j].style.color="#c037ab";
         }
         else if(i == 3){
            document.getElementsByTagName("h1")[j].style.color="#9a2222";
         }
         else if(i == 4){
            document.getElementsByTagName("h1")[j].style.color="#6ea2a0";
         }
         else if(i == 5){
            document.getElementsByTagName("h1")[j].style.color="#684982";
         }
         else if(i == 6){
            document.getElementsByTagName("h1")[j].style.color="#7b9242";
         }
         
      }
   );
   
   // Teaser Titel
   var titles = $$('i');
   titles.each(
      function(title, j){
         if(i == 1){
            document.getElementsByTagName("i")[j].style.color="#fb9300";
         }
         else if(i == 2){
            document.getElementsByTagName("i")[j].style.color="#c037ab";
         }
         else if(i == 3){
            document.getElementsByTagName("i")[j].style.color="#9a2222";
         }
         else if(i == 4){
            document.getElementsByTagName("i")[j].style.color="#6ea2a0";
         }
         else if(i == 5){
            document.getElementsByTagName("i")[j].style.color="#684982";
         }
         else if(i == 6){
            document.getElementsByTagName("i")[j].style.color="#7b9242";
         }
         
      }
   );
   
   var titles = $$('h6');
   titles.each(
      function(title, j){
         if(i == 1){
            document.getElementsByTagName("h6")[j].style.color="#fb9300";
         }
         else if(i == 2){
            document.getElementsByTagName("h6")[j].style.color="#c037ab";
         }
         else if(i == 3){
            document.getElementsByTagName("h6")[j].style.color="#9a2222";
         }
         else if(i == 4){
            document.getElementsByTagName("h6")[j].style.color="#6ea2a0";
         }
         else if(i == 5){
            document.getElementsByTagName("h6")[j].style.color="#684982";
         }
         else if(i == 6){
            document.getElementsByTagName("h6")[j].style.color="#7b9242";
         }
         
      }
   );
  
   
   // Bilderrahmen Hover
   /*     
   var titles = $ES('.bild_klein','a');
   
   titles.each(
      function(title, j){
         if(i == 1){
            titles[j].className="bild_klein1";
         }
         else if(i == 2){
            titles[j].className="bild_klein2";
         }
         else if(i == 3){
            titles[j].className="bild_klein3";
         }
         else if(i == 4){
            titles[j].className="bild_klein4";
         }
         else if(i == 5){
            titles[j].className="bild_klein5";
         }
         else if(i == 6){
            titles[j].className="bild_klein6";
         }
         
      }
   );
   */
  
   
   
} 


// Submenü Inhalt nachladen und Frabe ändern
function changeSub(i){
   // CSS-Klasse ändern
   document.getElementById('submenu').className = 'submenu_' + i;
   
  
   // Menüpunkte nachladen
   var ajax = false;
   
   if(i == 1){
      var url = "http://www.kirchengemeinde-steinfeld.de/index.php?article_id=2";
      ajax = true;
   }
   else if(i == 2){
      var url = "http://www.kirchengemeinde-steinfeld.de/index.php?article_id=3";
      ajax = true;
   }
   else if(i == 3){
      var url = "http://www.kirchengemeinde-steinfeld.de/index.php?article_id=4";
      ajax = true;
   }
   else if(i == 4){
      var url = "http://www.kirchengemeinde-steinfeld.de/index.php?article_id=5";
      ajax = true;
   }
   else if(i == 5){
      var url = "http://www.kirchengemeinde-steinfeld.de/index.php?article_id=6";
      ajax = true;
   }
   else if(i == 6){
      var url = "http://www.kirchengemeinde-steinfeld.de/index.php?article_id=7";
      ajax = true;
   }
   
   
   
   if (ajax){
       
      new Ajax(url, {
		     method: 'get',
		     update: $('submenu')
	    }).request();
	    
	    /*
	     new Ajax(url, {
		     method: 'get',
		     update: document.getElementById('submenu')
	    }).request();
	    */
	    
	    ajax = false;
	 }
	 
   /*
	 if(last_click == 0 && toggle_out == 0){
         alert('start: in; i: ' + i + ', last_click: ' + last_click + ', toggle_out: ' + toggle_out);
         //toggle1.toggleHeight();
         toggle1.see();
         toggle_out = 1;
   }
	 else {	 
	   if(document.getElementById('submenu').innerHTML != ''){
      if(last_click != i && toggle_out == 0){
         alert('if 1 in; i: ' + i + ', last_click: ' + last_click + ', toggle_out: ' + toggle_out);
         toggle1.toggleHeight();
         toggle_out = 1;
      }
      else if(last_click == i && toggle_out == 1){
         alert('if 2 out; i: ' + i + ', last_click: ' + last_click + ', toggle_out: ' + toggle_out);
         toggle1.toggleHeight();
         toggle_out = 0;
      }
      else {
         alert('if 3; i: ' + i + ', last_click: ' + last_click + ', toggle_out: ' + toggle_out);
      }
     }
   }
   */
   //last_click = i;
} 


// Div beliebig sliden
function DivSlide(fromHeight, toHeight, fromWidth, toWidth){
		var myEffects = new Fx.Styles('submenu', {duration: slideDuration, transition: Fx.Transitions.linear});
		myEffects.custom({
			 'height': [fromHeight, toHeight],
			 'width': [fromWidth, toWidth]
		});
}


function show_submenu(){
   document.getElementById('submenu').style.height="auto";
   document.getElementById('submenu').style.overflow="auto";
   document.getElementById('submenu').style.backgroundImage="none";
}

function hide_submenu(){
   document.getElementById('submenu').style.height="25px";
   document.getElementById('submenu').style.overflow="hidden";
   document.getElementById('submenu').style.backgroundImage="url(bilder/submenu_bg)";
}