var buttons = Array();
var tabs = Array();
var sidebar = function() {
	buttons = $$('#tab_join li a');
	tabs = $$('#tab_join dl');
	for (var i = 0; i < buttons.length; i++) {
		buttons[i].setAttribute('idx',i);
		buttons[i].setAttribute('class',buttons[i].getAttribute('class')||'');
		tabs[i].setAttribute('idx',i);
		tabs[i].setAttribute('class',tabs[i].getAttribute('class')||'');
		buttons[i].addEvent('click',function(ev) { new Event(ev).preventDefault(); switchTab(this.getAttribute('idx')); })
	}
}
window.addEvent('domready',function(){
	if ($('tab_join')) {
		sidebar();
	}
})

function switchTab(idx) {
	for (var i = 0; i < buttons.length; i++) {
		buttons[i].removeClass('active');
		tabs[i].addClass('nodisplay');
		if (buttons[i].getAttribute('idx') == idx) {
			buttons[i].addClass('active');
			tabs[i].removeClass('nodisplay');
		}
	}
}