// compatible with the noConflict function
(function($) {
	$.fn.xnTabs = function(settings) {
		defaults = {speed:150, classSelected:"", classNotSelected:""} ;
		var o = $.extend(defaults, settings || {});
		
		
		return this.each(function() { 
			if ($.support.opacity) 
				$("li[class*='selected']", this).animate({opacity:1}).siblings().animate({opacity:0.7});
			else 
				$("li[class*='selected']", this).removeClass(o.classNotSelected).addClass(o.classSelected)
						.siblings().removeClass(o.classSelected).addClass(o.classNotSelected);
			
			// Tab click
			$("li a", this).click(function() {
				// A     LI                                										   
				$(this).parent().addClass("selected")
					// OTHER LI
					.siblings().removeClass("selected")
				
				if ($.support.opacity) 
					$(this).parent("li").animate({opacity:1}).siblings().animate({opacity:0.7});
				else 
					$(this).parent("li").removeClass(o.classNotSelected).addClass(o.classSelected)
						.siblings().removeClass(o.classSelected).addClass(o.classNotSelected);
			});
		});		
	}
})(jQuery);