$(document).ready(function() {

constructTabs();


function constructTabs() {
	$('div.makeTab>ul').not($('#leaderBox')).tabs();
	$('#leaderBox>ul').tabs({event:'mouseenter'});
	$('#leaderBox>ul').tabs('rotate',15000);
	//need to balance tab positions, to take of full width of parent div
	balanceTabs();
}

function balanceTabs() {
	$('div.makeTab>ul.ui-tabs-nav').not($('#leaderBoxNav')).each(function() {
		var tabs = $('li>a',this);
		tabs.not(':last').addClass('inner-border');
		var liCount = tabs.size();

		// acount for the border and figure out each tabs width
		var aSize = Math.ceil(($(this).width()-liCount+1)/liCount);
		tabs.width(aSize);

		// last tab may be shorter because we will pickup rounding/render issues with it
		if($(this).outerHeight()>20) {
			var tabsWidth = 0;
			tabs.each(function() { tabsWidth += $(this).outerWidth(); });
			var lastLink = tabs.filter(':last');
			lastLink.width(lastLink.width()-(tabsWidth-$(this).width()));
		}
	});
}

});