/*

jQuery Tabify plugin

Builds tabbed fields from <dl>'s.

Author: Peter Grzeszykowski <piotrek@gawinet.pl>
Version: 1.1

*/

(function($) {
	$.fn.tabify=function(options) {
		var opts = jQuery.extend({
			active: 0,
			speed: "fast"
		}, options);

		var headers=$("dt");
		var content=$("dd");
		var parent=$(this).parent().get(0);
		parent.removeChild(parent.getElementsByTagName('dl')[0]);

		var tabs=document.createElement('ul');
		$(tabs).addClass('tabs');
		var wrapper=document.createElement('div');
		$(wrapper).addClass('tabs');
		var container=document.createElement('div');
		wrapper.appendChild(container);
		parent.appendChild(tabs);
		parent.appendChild(wrapper);


		headers.each(function(i) {
			var li=document.createElement('li');
			li.appendChild(document.createTextNode(this.innerHTML));
			$(li).click(function() {
				$("li", this.parentNode).each(function(i) {
					$(this).removeClass('active');
				});
				$(container).fadeTo(opts.speed, 0, function() {
					$(container).html(content.get(i).innerHTML);
					$(container).fadeTo(opts.speed, 1);
				});
				$(this).addClass('active');
			});
			tabs.appendChild(li);
		});

		$("li", tabs).eq(opts.active).addClass('active');
		container.innerHTML=content.eq(opts.active).html();

		return this;
	}
})(jQuery)