$(function(){
	var container = $('.tab-container');
		menuLis = $('ul.tab-menu li'),
		tabsContainer = container.children('.tabs');
		tabs = $('.tabs > .tab'),
		animTime = 250;
	
	// initialization
	menuLis.filter(':first').addClass('active');
	tabs.filter(':first').show()
	.parent('.tabs').css({'height': tabs.height()+'px'});
	container.css({'visibility': 'visible'});
	
	menuLis.click(function(){
		if(tabs.is(':animated')){tabs.stop(false, true);}
		if($(this).is('.active')){return;}
		$(this).addClass('active').siblings().removeClass('active');
		var showMe = tabs.eq(menuLis.index($(this)));
		tabs.filter(':visible').fadeOut(animTime, function(){
			tabsContainer.animate({height: showMe.height()+'px'}, animTime, function(){
				showMe.fadeIn(animTime);
			});
		});
	});
	
});