(function($){

    $.fn.tabs = function(){
        this.each(function(){
            var $tab = this,
            $a = $("ul:first li a", $tab),
            $d = $(".aba", $tab);

			if(!$d.length){
                $d = $("ul:first ~ *", $tab);
            }
			
            var $a_on = $a.parent().filter('.on');
            var $a_on_index = 0;
            if($a_on.length){
                $a_on_index = $a.parent().index($a_on);
            }

            $a.parent().addClass('off');
            $a.parent().eq($a_on_index).removeClass('off').addClass('on');

            $d.addClass('off');
            $d.eq($a_on_index).removeClass('off').addClass('on');

            $a.each(function(i, e){
 
                $a.click(function(){
                    var i = $a.index(this);
                    $a.parent().filter('.on').removeClass('on').addClass('off');
                    $a.parent().eq(i).removeClass('off').addClass('on');
                      
                    $d.removeClass('on')
                    .addClass('off');
                        
                    $d.eq(i).addClass('on')
                    .removeClass('off');
					
                });
            });
        })
    };
})(jQuery);
