window.addEvent('domready',function(){
  var active_tab = null;
  
  function hide_all_containers()
  {
    $$('.tab_container').each(function(container){
      container.removeClass('active');
    })
  }
  
  function hide_all_tab_buttons()
  {
    $$('.tab_button').each(function(btn){
      btn.removeClass('active');
    })
  }
  
  $$('.tab_button').each(function(tab_button){
    if (tab_button.hasClass('active')) {
      active_tab = tab_button.get('id'); 
    }
    tab_button.addEvent('click', function(ev){
      ev.stop();
      if (tab_button.get('id') != active_tab) {
        active_tab = tab_button.get('id');
        hide_all_tab_buttons();
        tab_button.addClass('active');
        hide_all_containers();
        container_id = tab_button.get('id').substr(11);
        $('tab_container_' + container_id).addClass('active');
      }
    })
  })
})