window.addEvent('domready', function() {
	var productBox = $('productBox');
	$$('#tabList li').each(function(li) {
		var atag = li.getElement('a');
		var box = $(atag.id.replace(/click_/, ''));
		var fx = new Fx.Style(box, 'opacity', {duration: 200, wait: false, transition: Fx.Transitions.linear});

		box.fadeEffect = fx;
		if (box.getChildren().length == 0) {
			li.setStyle('display', 'none');
			box.setStyle('display', 'none');
			return;
		}
		
		box.setStyle('display', 'block');
		if (atag.hasClass('act')) {
			fx.set(1);
		}
		else {
			fx.set(0);
			box.setStyle('display', 'none');
		}
		atag.addEvent('click', function() {
			if (atag.hasClass('act')) {
				//Already active, do nothing!
				return;
			}
			$$('#tabList a').each(function(a) {
				a.removeClass('act');
			});
			atag.addClass('act');
			$$('.tab').each(function(div) {
				if (div.hasClass('act')) {
					div.fadeEffect.start(0).chain(function() {
						div.removeClass('act');
						div.setStyle('display','none');
						box.setStyle('display','block');
						box.fadeEffect.start(1);
						box.addClass('act');
					});
				}
			});
		});
	});
});