/**
 * jQuery mbTab Plugin
 *
 * @author: Matthias Benkwitz
 * @version: 0.2
 * @copyright (c) 2008 Matthias Benkwitz, BuI-Hinsche.de *
 *
 * @name mbTab
 * @description create tab-navigation by ul list
 * @example $('#tab1').mbTab();
 *
 * <div id="#tab1">
 * 	<div class="tabs-container" title="My Tab1">
 *
 *		- your HTML content
 *
 *	</div>
 * 	<div class="tabs-container" title="My Tab2">
 *
 *		- your HTML content
 *
 *	</div>
 * </div>
 *
 *  -: or :-
 *
 * <div id="#tab1">
 * 	<div class="tabs-container" title="My Tab1">
 *      <div class="tabs-nav"><img src="icon.gif" />My Tab1</div>
 *
 *		- your HTML content
 *
 *	</div>
 * 	<div class="tabs-container" title="My Tab2">
 *
 *		- your HTML content
 *
 *	</div>
 * </div>
 *
 *
 **/

(function($) {
	$.fn.mbTabs = function(initial, settings) {

        // settings
        if (typeof initial == 'object') settings = initial; // no initial tab given but a settings object
        settings = $.extend({
            selectedClass: 'tabs-selected',
    		navigationClass: 'tabs-nav',
            containerClass: 'tabs-container'
    	}, settings || {});

        $('.'+settings.containerClass, this).hide();
        $(this).prepend('<ul class="'+ settings.navigationClass +'"><\/ul>');
        var tabNavigation = $('ul.'+ settings.navigationClass, this);



        return this.each(function() {
            $('.' + settings.containerClass, container).each(function(i){
                    // Gives element a unique ID -
                    this.id = 'tab'+i;

                    var title = $('.'+ settings.navigationClass, this).html();
                    if (title !== null && title !== '') {
                       $('.'+ settings.navigationClass, this).remove();
                    } else {
                        // fallback If a title does not exist then use the ID for anchor text -
                        title = (this.title) ? this.title : this.id;
                        $(this).removeAttr('title');
                    }
                    // Define contents of link (to go within list items) -
                    var link = '<a href="#' + this.id + '"><span>' + title + '<\/span><\/a>';


                    tabNavigation.append('<li id="nav_'+this.id+'">'+link+'<\/li>');

/*
                    if () {
                    // Append list items to UL -
                    }
                    */
                    // Hide all Tabs except the first one -
                    if(i===0) {
                        $('li:eq(0)', tabNavigation).addClass("tabs-selected");
                        $('.' + settings.containerClass + ':eq(0)').show();
                    }
            	});

            var container = $('.' + settings.containerClass, this);
            var tabs = $('a', tabNavigation);
            tabs.bind('click', function(e) {
                // get ID of tab to be shown -
                var id = '#'+this.href.split('#')[1];

                // Hide all TABS -
                $('.'+ settings.containerClass).hide();

                // Show the tab which matches anchor's href -
                $(id).show();

                $('li', tabNavigation).removeClass(settings.selectedClass);
                $(this).parent().addClass(settings.selectedClass);

                // Don't forget to return false -
                return false;
            });
        });
$.fn.mbTabs.activeTab = function(i) {
    var selectedTabs = [];
        console.log(i);

    this.each(function() {
        var nav = $('ul.' + settings.navigationClass , this);
        nav = nav.size() && nav || $('>ul:eq(0)', this); //fallback to default structure
        var lis = $('li', nav);
        selectedTabs.push(lis.index( lis.filter('.'+settings.selectedClass)[0] ) + 1);
    });
    return selectedTabs[0];
};

	};


})(jQuery);