﻿(function($) {
    $.fn.CreateTabs = function(settings) {
        // Config Array
        var config = $.extend({
            tabsClass: '.tabs',
            tabsTag: 'li',
            tabsID: '#',
            tabsContentClass: '.tabs-content'
        }, settings || {});
        initTabs();
        var prevItem = $(config.tabsTag + ':first-child', '#' + config.tabsID);
        var f_id = $(config.tabsContentClass, '#' + config.tabsID).children(':first-child').attr('id');
        var prevContent = $('#' + f_id);
        function initTabs() {
            $(config.tabsClass + ' > ' + config.tabsTag, '#' + config.tabsID).each(function() {
                var elem = $('a:first-child', this);
                removeLinks(elem);
                setupClick(elem);
            });
        }
        function removeLinks(elem) {
            var href = elem.attr('href');
            var id_arr = href.split('=');
            var id = id_arr[id_arr.length - 1];
            elem.css({ cursor: 'pointer' });
            elem.removeAttr('href');
            elem.attr('rel', id);
        }
        function setupClick(elem) {
            elem.click(function() {
                var currentItem = $(this).parent();
                if (currentItem.attr('class') != 'selected') {
                    prevItem.removeClass('selected');
                    currentItem.addClass('selected');
                    var id = $(this).attr('rel');
                    $('#' + id).addClass('show').removeClass('hide');
                    prevContent.addClass('hide').removeClass('show'); //.show();
                    prevContent = $('#' + id);
                    prevItem = currentItem;
                }
            });
        }
    };
})(jQuery);
