(function($) { jQuery.fn.btabs = function(options) {
	var activeTab = null;

	var o = jQuery.extend({
		tabClass: 'btabsTab',
		activeTabClass: 'active',
		contentClass: 'btabsContent'
	}, options);

	// create and append a div for the content
	var contentDiv = document.createElement('div');
	$(contentDiv).addClass(o['contentClass']);
	this.after(contentDiv);

	// hide content blocks
	this.children('dd').hide();
	// converts DTs to tabs
	this.children('dt')
		.addClass(o['tabClass'])
		.click(function() { tabClick(this); })
		.innerWrap('<div class="bg1"><div class="bg2"></div></div>');
	
	// activate the first tab
	activeTab = this.children('dt:first').addClass(o['activeTabClass']);;
	showContent(this.children('dd').html());

	function tabClick(tab) {
		if (activeTab) {
			$(activeTab).removeClass(o['activeTabClass']);
		}
		activeTab = tab;
		$(tab).addClass(o['activeTabClass']);
		showContent($(tab).next('dd').html());
	}

	function showContent(content) {
		if ($.browser.msie && $.browser.version<7) $(contentDiv).html('');
		$(contentDiv).slideUp('fast', function() {
			$(contentDiv).html(content);
			$(contentDiv).slideDown();
		});
	}
}})(jQuery);