Transparent Tabs

function calcLastTabHeight ($tabs, $currentTabContent) {
	$tabs.find('.last-tab').css('height', 0);
	var contentHeight = $currentTabContent.outerHeight();
	var tabsHeight    = $tabs.outerHeight();
	var transTabHeight = contentHeight - tabsHeight;
	$tabs.find('.last-tab').css('height', transTabHeight);		
}

function hideTabsContent ($tabBox) {
	$tabBox.find('.tab-content').each(function(){
		$(this).hide();
	})
}

function transparentTabs ($tabBox) {
	var $tabs = $tabBox.find('.tabs');
	var $currentTab = $tabs.find('.active');
	var $tabsContent = $tabBox.find('.tab-content');

	hideTabsContent($tabBox);

	$tabs.find('a').click(function(event){
		event.preventDefault();
		hideTabsContent($tabBox);
		$tabs.find('a').removeClass('active');
		$currentTab = $(this);
		$currentTab.addClass('active');
		$currentTabContent = $tabBox.find($currentTab.attr('href'));
		$currentTabContent.show();

		calcLastTabHeight($tabs, $currentTabContent);
	})
}


$(function(){

	transparentTabs($('.tabs-obox'));
	$('.tabs > div > a').first().click();
});