/*
 *
 */

document.addEvent('domready', function(){

  function toggleTab(){
    var tabname = this.getProperty('id').replace(/(\w)-tab/, '$1');
    var screenname = $('posse-user-name-for-js').get('text');
    var args = {
      'screenname' : screenname,
      'tabname' : tabname
    };
    $$('.current-tab').each(function(el){
      el.toggleClass('current-tab');
    });
    this.toggleClass('current-tab');
    $('tab_contents').set('html', '<p style="text-align:center;padding-top:3em;"><img src="/images/moodalbox/loading.gif"/></p>');
    new Request.HTML({'url': '/community/posse/ajax/profile-tabs.php', 'evalScripts': 'true', 'update': 'tab_contents'}).get(args);
  }

  $$('.tab').each(function(tab){
    tab.addEvent('click', toggleTab.bind(tab));
  });

});