(function($){  
	$.fn.ji_tabbed_component = function(options) {  
		// Default Values
		var defaults = {  
			speed: 250,
			animateTabs:true,
           tabsSelector:".tabbed_component_tabs li"
		};  
		var options = $.extend(defaults, options);  
		// Initializing Code
		return this.each(function() { 
			var index = 0;
			var prevIndex = 0;
			var activeClass = "ji_tabbed_component_active";								  
			var obj = $(this);
			var tabs = $(options.tabsSelector,obj);
			var contentContainer = $(".tabbed_component_contents",obj);
			var contents = $(".tabbed_component_contents",obj).children();
            if(options.animateTabs){
            	$(contents[index]).addClass(activeClass).show();
            	$(contentContainer).css({height: $(contents[index]).height()});
            }else{
            	$(contents[index]).addClass(activeClass);
            }
			$(tabs[index]).addClass(activeClass);



			// Event Bindings
			tabs.each(function(i){
$(this).click(function(){	
				index = i;
		
				$(tabs[prevIndex]).removeClass(activeClass);
				if(options.animateTabs){
                    			$(contents[prevIndex]).hide(0);
					$(contents[index]).addClass(activeClass).fadeIn(options.speed);
					$(contentContainer).animate({height: $(contents[index]).height()}, options.speed);
                    		}else{
                    			$(contents[prevIndex]).removeClass(activeClass);
                    			$(contents[index]).addClass(activeClass);
                    		}
				$(this).addClass(activeClass);
				prevIndex = index;
});

			});
		});
	};  
})(jQuery);