// Toggle Element


activeContainer = '';

function toggle_element(container) {

  subcats = $$('#'+container+' .subcat');

  // Set Active  
  $(container).down(0).addClassName('headcat_aktiv');
  
  if (activeContainer != '') { 
    $(activeContainer).down(0).removeClassName('headcat_aktiv');  
  } 
  
  // Open
  if (container != activeContainer) {   

    subcats.each(function(item) {
      show_container(item);  
    });    
    
    
    if (activeContainer != '') {
      active_subcats = $$('#'+activeContainer+' .subcat');
        active_subcats.each(function(item) {
          hide_container(item);  
          $$('div.portrait-item').invoke('hide');
        });    
  
    }

    activeContainer = container;
    
  // Close
  } else {  
    
    active_subcats = $$('#'+activeContainer+' .subcat');
    
    if (active_subcats != '') {
      active_subcats.each(function(item) {
        hide_container(item);  
      });  
      
      activeContainer = container; 
      
    } 
    
    if (container == activeContainer) {
      activeContainer = '';
    }

  } 


    
}

// Show Container
function show_container(c) {
  Effect.BlindDown(c); 
}

// Hide Container
function hide_container(c) {
  Effect.BlindUp(c);
}

// Change Image an show informations
function changeImage(id,img_src,hide,name,funktion,email) {
    $$('div.portrait-item').invoke('hide');
    $('image'+id).src = img_src;
    Effect.SlideDown('portrait'+id, { duration: 0.6 });
    $('text'+id).innerHTML = name+'<br />'+funktion+'<br /><a href="mailto:'+email+'" class="team_mail">E-Mail</a>';  
    text_id = 'text'+id;
    portrait_id = 'portrait'+id;
}