tab={
	tab_height:null,
	init:function() {
		if($("div.tabs").length == 0) return;
		
		// set active
		$("div.tabs").addClass("active");
		
		// get tab height
		var tabs = $("div.tabs h2");
		tab.tab_height = tabs.height();
		
		// click events
		var first_tab = true;
		jQuery.each(tabs, function() {
			$(this).click(function () {
				$("div.tabs div").hide();
				tab.swap(this);
			});
			$(this).wrapInner("<span></span>");
		});
		
		// set first tab
		tab.swap($("div.tabs h2:first"));
	},
	swap:function(e) {
		// hide panes
		$("div.tabs div").hide();
		$("div.tabs h2").removeClass("current");
		
		// show pane
		var pane = $(e).attr("id").replace("tab-","pane-");
		$("#" + pane).show();
		
		// set tab
		$(e).addClass("current");
		
		// set height of container div
		var pane_height = $("#" + pane).height();
		var pane_pos = $("#" + pane).position();
		$("div.tabs").css("height",(pane_height + tab.tab_height + pane_pos.top) + "px");
	}
}

$(document).ready(function(){ // jquery onload
	tab.init();
});