(function ($) {
	$.fn.tabulize = function() {
		var speed = 400;
		return this.each(function() { 
			var $tabulator = $(this);
			var $selectedTab = 0;
			var $tabs = [];
			var $contentBlock = $('#'+$tabulator.attr('target'));
			$tabulator.children().each(function(index) {
				var $tab = $(this);
				$tab.block = $contentBlock.children().eq(index);
				$tabs[index]= $tab;
				if ( $tab.hasClass('selected') )
					$selectedTab = index;
				if ( $tab.block.hasClass('none') )
				{
					$tab.block.css('opacity', 0);
					$tab.block.removeClass('none');
				}
				$tabs[$selectedTab].block.addClass('selected').css({zIndex: 1});
				$tab.bind('mouseover', function() {
					jQuery('ul.tabs li').removeClass('selected');
					if ( $selectedTab == index )
						return false;
					$tabs[$selectedTab].removeClass('selected').block.stop().css({zIndex: 0, display: "none"}).fadeTo(speed, 0);
					$selectedTab = index;
					$tab.addClass('selected').block.stop().css({zIndex: 1, display: "block"}).fadeTo(speed, 1.0);
					return false;
				}).bind('mousedown', function () {return false;});
			});
			$tabs[$selectedTab].addClass('selected');
		})
	}
	$(document).ready(function(){$('.tabs').tabulize()});
})(jQuery);