;(function($){

	$.fn.tabs = function() {
		return this.each(function(){
			var ele = $(this);
			var colorscheme = ele.find('.tout').attr('class').replace(/wide|tout|tab/ig, '').replace(/\s{1,}/g, ' ').replace(/^\s+|\s+$/g,'');
			ele.addClass(colorscheme);
			var hold = $('<div />').addClass('tabbar').addClass(colorscheme);
			var end = $('<span />').addClass('end');
			hold.append(end);
			
			var ul = $('<ul />');
			var touts = ele.find('.tout');
			var h = Math.max.apply(null, $.map(touts, function(ele){ return $(ele).find('.inner').outerHeight(); }));
			touts.removeClass().addClass('tout');
			ele.height(h + 40);
			ele.find('.tout .inner').height(h);
			hold.append(ele.find('img.icon').eq(0));
			ele.find('h3.icon').each(function(){
				var li = $('<li class="tab" />').html($(this).text()).append('<span class="end" />').wrapInner('<span />').appendTo(ul);
			}).remove();
			var lis = ul.find('li');
			lis.bind('click', function(e){
				e.preventDefault();
				touts.hide();
				lis.removeClass('active');
				var i = $(this).addClass('active').index();
				touts.eq(i).show();
			});

			hold.append(ul);
			touts.hide();
			ele.prepend(hold);
			//ele.before($('<div />').addClass('clearfix'));
			lis.eq(0).trigger('click');
		});;
	}

})(jQuery);

