// JavaScript Document for "SIMONSWERK"
document.observe('dom:loaded', function() {
  
  
  try{
    
    // Klasse "search" entfernen, da nur für Fallback gedacht & Such Element ausblenden
    $('search').down('ul').removeClassName('search').hide();
    // Click Event Observer auf Link legen
    $('search').down('a').observe('click', showSearch);
	
	
	// Klasse "lang" entfernen, da nur für Fallback gedacht & Such Element ausblenden
    $('lang').down('ul').removeClassName('lang').hide();
    // Click Event Observer auf Link legen
    $('lang').down('a').observe('click', showLang);
	
	// Klasse "moreRef" entfernen (Bezieht sich auf die Referenzen-Seite)
	$('moreRef').down('ul').removeClassName('moreRef').hide();
	$('moreRef').down('a').observe('click', showRef);
    
  }catch(e){}
  
    // Aktives Bild in Bildliste verblassen (img Tag mit Klasse .active)
    if($('picList')){
      $('picList').down('.active').setOpacity(0.5);
      
  }
  
  // Deaktivierte Elemente verblassen
  $$('.disabled').each(function(node){node.setOpacity(0.5)});
  


  // Initialisieren des Scripts für Check- und Radiobutton Styles
  FancyForm.start();
  
  
  // Alle zusatz Infos bei Adress Listen ausblenden
  $$('#quickList .add').each(Element.hide);
  
  // Hover und Click Effect auf Adress Listen
  $$('#quickList .listEntry').each(function(node){
    
        node.down('.teaser').setStyle({ cursor: 'pointer' });      
        
        node.insert({ bottom: '<a class="symbol" style="right:0px;"><span class="icon plus" style="margin-right:0px">&nbsp;</span></a>' })

        node.down('.teaser').observe('click', function(event){
          
          node.descendants().each( function(desc) {
            if (desc.hasClassName('add')) desc.toggle();
          });
                       
          if(node.down('.icon').hasClassName('plus')){ 
            node.down('.icon').removeClassName('plus');
            node.down('.icon').addClassName('minus');
          }else{
            node.down('.icon').removeClassName('minus');
            node.down('.icon').addClassName('plus');
          }
         });
        node.down('.symbol').observe('click', function(event){
          
          node.descendants().each( function(desc) {
            if (desc.hasClassName('add')) desc.toggle();
          });
            
          if(node.down('.icon').hasClassName('plus')){ 
            node.down('.icon').removeClassName('plus');
            node.down('.icon').addClassName('minus');
          }else{
            node.down('.icon').removeClassName('minus');
            node.down('.icon').addClassName('plus');
          }
          
          return false;
        
         });
        
        // Öffnen des Punktes, wenn listEntry die Klasse open hat
        if(node.hasClassName('open')){ 
          node.down('.add').toggle();
          node.down('.icon').removeClassName('plus');
          node.down('.icon').addClassName('minus');
        }
        
        node.down('.icon').setStyle({
          cursor: 'pointer'
        });
        
    });
  

  // Clickbare Reihen
  $$('.col').each(function(node, index){
    
        // CSS Style setzen -> Cursor zeigen
        node.setStyle({
          cursor: 'pointer'
        });

        if($('subNav')) {
          if($('subNav').down('.path')){
          // Es sollten mindestens soviele Unterpunkte exitieren wie .col Elemente, sonst kann es zu Fehlermeldungen kommen!
          // Unterpunkt in SubNavi hervorheben
            node.observe('mouseover',  function(event) {
              try{$('subNav').down('.path').down('li', index).down('a').addClassName('hover');}catch(e){} 
            });
            // Unterpunkt in SubNavi hervorheben
            node.observe('mouseout',  function(event) {
              try{$('subNav').down('.path').down('li', index).down('a').removeClassName('hover');}catch(e){}  
            });
          }else{
            var navLevel1 = $('subNav').down('ul').childElements();


            node.observe('mouseover',  function(event) {
              try{
              navLevel1[index].down('a').addClassName('hover');}catch(e){}  
            });
            // Unterpunkt in SubNavi hervorheben
            node.observe('mouseout',  function(event) {
              try{ navLevel1[index].down('a').removeClassName('hover');}catch(e){}  
            });
          }//if($('subNav').down('.path')
        
        }//if($('subNav'))
        
        // Click Event
        node.observe('click', moreLink);
    
      });

  
  // Clickbare Reihen
  $$('#picList img').each(function(node, index){
        // Es sollten mindestens soviele Unterpunkte exitieren wie img Elemente, sonst kann es zu Fehlermeldungen kommen!
        // Unterpunkt in SubNavi hervorheben
        node.observe('mouseover',  function(event) {
            if(!node.hasClassName('active')){
            try{$('subNav').down('ul').down('li', index).down('a').addClassName('hover');}catch(e){}
            }
        });
        // Unterpunkt in SubNavi hervorheben
        node.observe('mouseout',  function(event) {
            if(!node.hasClassName('active')){
            try{$('subNav').down('ul').down('li', index).down('a').removeClassName('hover');}catch(e){}
            }
        });

      });
  


  // Funktion zum ein und ausblenden des Suchsfeldes
  function showSearch(event) {
      $('search').down('ul').toggle();
	  $('lang').down('ul').hide();
    return false;
  }
  
  // Funktion zum ein und ausblenden des Sprach-Feldes
  function showLang(event) {
      $('lang').down('ul').toggle();
	  $('search').down('ul').hide();
    return false;
  }
  
  // Funktion zum ein und ausblenden des "mehr-Feldes" auf der Referenzen-Seite
  function showRef(event) {
      $('moreRef').down('ul').toggle();
	  Event.stop(event);
    return false;
  }  
  
  // Funktion Für Hover Effekt und Weiterleitung bei Brueckenseiten Spalten
  function moreLink(event) {
      var element = event.element().up('.col');
    if(element.down('.moreLink')){
    var link = element.down('.moreLink').getAttribute('href');
    document.location.href = link;
    }
  }
    
  

});


//  Jumpmenu for lang change 
function MM_jumpMenu(targ,selObj,restore){ //v3.0
  eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");
  if (restore) selObj.selectedIndex=0;
}