function showTab(tabId){
	var tab = $(tabId);
	var container = tab.parent().parent();
	var tabs = container.find('.tabs li');
	var slides = container.find('.tab-content > div');
	tabs.removeClass('active');
	tabs.removeClass('permanentlyActive')
	slides.hide();
	tab.addClass('active');
	tab.addClass('permanentlyActive')
	$(tab.find('a').attr('href')).show();
}

$(document).ready(function(){
	
	// show first tab from each tab set
	var tabSets = $(".tab-set");
	$.each(tabSets, function(index, tabSet){
		showTab('#'+($(tabSet).find('.tabs li').eq(0).attr('id')));
	});
	
	// set up events to show other tabs
	$('.tabs li').click(function(){
		showTab('#'+$(this).attr('id'));
		return false;
	});

	// rollovers on tabs
	$.each($('.tabs li, .statictabs li'), function(index, tab_li){
		$(tab_li).mouseover(function(){
			li = $(this);
			if (li.hasClass('active') == false) {
				li.addClass('active');
			} else {
				li.addClass('permanentlyActive')
			}
		});
		$(tab_li).mouseout(function(){
			li = $(this);
			if (li.hasClass('permanentlyActive') == false) {
				li.removeClass('active');
			}
		});
	});
	
});