/*
* Name: jquery.eTabs
* Version: 0.1
*/
(function($) {
    $.eTabs = {
        defaults: {
            navItem: ".tabs-navigation li",
			content: ".tabs-content",
			contentWrapper: ".tabs-contentWrapper",
			defaultItem: 0
        },
        
		eTabsInit: function(opts) {
			return this.each(function() {
                this.opts = {};
                $.extend(this.opts, $.eTabs.defaults);
                $.extend(this.opts, opts);
				var eTabs = this;
				var navItem = $(eTabs).find(eTabs.opts.navItem);
				var content = $(eTabs).find(eTabs.opts.content); 

				content.wrapAll("<div class='tabs-contentWrapper'></div>");
				var contentWrapper = $(eTabs).find(eTabs.opts.contentWrapper);
				navItem.removeClass("current");
				navItem.eq(eTabs.opts.defaultItem).addClass("current");
				content.css({
					position: "absolute",
					left: -9999
				});
				content.eq(eTabs.opts.defaultItem).css({
					position: "relative",
					left: 0
				});
				
				var contentEq;
				$(navItem).bind("click", function() {
					contentEq = $(this).index();
					content.css({
						position: "absolute",
						left: -9999
					});
					content.eq(contentEq).css({
						position: "relative",
						left: 0
					});
					navItem.removeClass("current");
					$(this).addClass("current");
					return false;
				});
			});
		
		}

	};
    $.fn.eTabs = $.eTabs.eTabsInit;

	$(".tabsA").eTabs();
	$(".tabsB").eTabs();
})(jQuery);