/*jslint browser:true,indent:2,white:false,nomen:false,plusplus:false*/
/*global YAHOO,window,YUI */

YUI().use('node-event-delegate', function(Y) {
  
  var delegateTabs,
      switchTabs;
  
  switchTabs = function(e) {
    e.preventDefault();
    var curTarget = e.currentTarget;
    
    if(!curTarget.hasClass('selected')) {
      
      /* Find the current selected tab and container and hide it*/
      var selectedTab = curTarget.get('parentNode').one('.selected');
      selectedTab.removeClass('selected');
      var selectedTabId = selectedTab.one('a').get('href').split('#')[1];
      Y.one('#' + selectedTabId).replaceClass('selected','hidden');
      if(selectedTabId === 'ygs-tournament-gold') {
        Y.one('#ygs-tournament-bronze').replaceClass('selected', 'hidden');
      }

      /* Find the clicked container and show it*/

      var id = curTarget.one('a').get('href').split('#')[1];
      Y.one('#' + id).replaceClass('hidden', 'selected');
      curTarget.replaceClass('hidden','selected');
      // I know its hacky but right now there is no better way
      if(id === 'ygs-tournament-gold') {
        Y.one('#ygs-tournament-bronze').replaceClass('hidden', 'selected');
      }
    }
    
  };
  
  delegateTabs = function() {
    Y.one('#ygs-tournament_standings .ygs-tabs').delegate("click", switchTabs, 'li');
  };
  
  Y.on("load",delegateTabs);
});