$(document).ready(function(){
	$('div.navbar div.frame').each(function(){
		var _holder = $(this);
		var _tabs = _holder.children('div');
		var _list = $('<ul class="tabset"></ul>')
		_tabs.each(function(i){
			var _item = $('<li class="item-'+i+'"></li>');
			var _link = $('<a href="#item-'+i+'"></a>');
			$(this).attr('id','item-'+i);
			var _h3 = $(this).find('h4');
			_link.text(_h3.text());
			_h3.remove();
			_item.append(_link);
			_list.append(_item);
		});
		_holder.prepend(_list);
	});
	
	$('.tabset').each(function(i, tabset){
		var _tabLinks = $('a',tabset), _active;
		if (!_tabLinks.filter('.active').length) _tabLinks.eq(0).addClass('active');
		_tabLinks.each(function(j, link){
			var _id = $(link.href.substr(link.href.indexOf('#')));
			if ($(link).hasClass('active')){_id.show();_active = _id;}
			else _id.hide();
			
			$(link).click(function(){
				_tabLinks.removeClass('active');
				_active.hide();
				$(link).addClass('active');
				_id.show();
				_active = _id;
				return false;
			})
		});
	});
});