window.addEvent('domready',function(){
  var active_tab = null;
  
  function init_funky_accordion()
  {
    $$('.project-box').each(function(container){
      container.addClass('hidden');
    })
    
    tabs = $$('.project-tab');
    tabs[0].addClass('hidden');
    active_tab = tabs[0].get('id').replace('tab_','');
    $('box_'+active_tab).removeClass('hidden');
    
    $$('.project-link').each(function(link){
      link.addEvent('click', function(ev){
        ev.preventDefault();
        ev.stop;
        
        var previous = active_tab;
        active_tab = link.get('id');
        active_tab = active_tab.replace('link_','');
        
        $('tab_'+previous).removeClass('hidden');
        $('tab_'+active_tab).addClass('hidden');
        $('box_'+previous).addClass('hidden');
        $('box_'+active_tab).removeClass('hidden');        
      })
    })
/*
    $$('.project-tab').getElements('a').each(function(link){
      link.addEvent('click', function(ev){
        ev.preventDefault();
         
        var previous = active_tab;
        active_tab = link.getParent().get('id');
        active_tab = active_tab.replace('tab_','');
        
        $('tab_'+previous).removeClass('hidden');
        $('tab_'+active_tab).addClass('hidden');
        $('box_'+previous).addClass('hidden');
        $('box_'+active_tab).removeClass('hidden');
      })
    })

    $$('.project-tab').each(function(container){
      container.addEvent('click', function(ev){
        ev.stop;

        var previous = active_tab;
        active_tab = container.get('id');
        active_tab = active_tab.replace('tab_','');
        
        $('tab_'+previous).removeClass('hidden');
        $('tab_'+active_tab).addClass('hidden');
        $('box_'+previous).addClass('hidden');
        $('box_'+active_tab).removeClass('hidden');
      })
    })
*/
  }

  init_funky_accordion();
})