window.addEvent('domready', function(){
	var tabs = $$('div.tab');
	var tablist = $$('div.tab ul');
	var flag = false;
	var headers = $$('div.tab h2');
	// var headerlinks = $$('div.tab h2 a');

	headers.each(function(header, index){
		plaintext = header.getFirst('a').get('text');
		header.empty();
		header.set('text', plaintext);	
	});

	tablist.each(function(tab, index){
		tabs[index].setStyle('height', 'auto');

		var tabSlide = new Fx.Slide(tablist[index], {
			link: 'cancel', 
			duration: '400'
		}).hide();

		tabs[index].addEvent('mouseenter', function(){
			tabSlide.slideIn();
			tabs[index].addClass('over');
		});

		tabs[index].addEvent('mouseleave', function(){
			tabSlide.slideOut();
			tabs[index].removeClass('over');
		});

		tabs[index].addEvent('click', function(){
			if (flag == false) {
				tabSlide.slideIn();
				tabs[index].addClass('over');
				flag = false;
			} else {
				tabSlide.slideOut();
				tabs[index].removeClass('over');
				flag = true;
			};
		});
	});

});
