/*
 *
 */

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

  function toggleTab(tabId) {
		var theTab = $('tab-' + tabId + '-tab');
    var tabname = tabId;
		//var tabname = theTab.getProperty('id').replace(/(\w)-tab/, '$1');
    var screenname = $('posse-user-name-for-js').get('text');
    var args = {
      'screenname' : screenname,
      'tabname' : tabname
    };
    $$('.tab-selected').each(function(el){
      el.toggleClass('tab-selected');
    });
    theTab.getParents('li')[0].toggleClass('tab-selected');
    $('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));
  }); */
 
	$each(navigationItems.tab, function(title, tabId) {
		$('tab-' + tabId + '-tab').addEvent('click', function(event) {
			event.stop();
			toggleTab(tabId);
		});
	});

});