$(function() {

	var initTabBoxes = function() {
		var box = $(this);
		box.prepend('<div class="tab-nav g-cfx"></div>');
		var nav = box.find('.tab-nav');
		box.find('.tab-item').each(function(i) {
			var item = $(this);
			var button = item.find('.tab-button');
			nav.append(button);
			button
				.wrap('<div class="tab-nav-item" />')
				.parent().click(initTabButton)
				.get(0).item = $(this);
			if (i === 0) {
				button.parent().addClass('g-current');
			} else {
				item.hide();
			}
		});
	};

	var initTabButton = function() {
		$(this).siblings('.tab-nav-item').each(function() {
			$(this.item).hide();
			$(this).removeClass('g-current');
		});
		$(this.item).show();
		$(this).addClass('g-current');
	};

	$('.tab-box').each(initTabBoxes);
});