// A Tiny jQuery Tabs plugin

$(function() {

    $('.tabs .tab-nav > li a').filter(function() {
    	// console.log('tabs')
        return $(this).attr('href') === '#';
    }).attr('href', 'javascript:void(0)');


    var tabsId = [];
        function res_tab() {
            var winWidth= $(window).width();
            if (Modernizr.mq('(max-width: 767px)')) {
                $('.tabs').addClass('accordian');
                $('.tab-nav li').each(function(i, elem) {
                    tabsId[i] = $(elem).attr('data-id');
                    $(this).append($(tabsId[i]));
                });
            } else {
                $('.tabs').removeClass('accordian');
                $('.tab-nav li').each(function(i, elem) {
                    tabsId[i] = $(elem).attr('data-id');
                    $(elem).closest('.tabs').append($(tabsId[i]));
                    if ($(elem).hasClass('active')) {
                        $(tabsId[i]).addClass('active')
                    };
                })
                if (!$('.tab-nav li').hasClass('active')) {
                    $('.tab-nav li').eq(0).addClass('active');
                    $(tabsId[0]).addClass('active')
                };
            };
        }
        
        $('body').on('click', '.tabs .tab-nav > li >a',  function() {
            var index = $(this).parent().index();
            $(this).parent().siblings().removeClass('active');
            if ($('.tab-nav').parents('.tabs').is('.accordian')) {
                // accordian toggle active
                var active = $(this).parent().attr('data-id');
                $(this).parent().toggleClass('active');
                $(active).toggleClass('active');
                $('.tab-nav li .tab:not('+active+')').removeClass('active');

            }else{
                // tabnav active
                $(this).parent().addClass('active');
            };
            $(this).parents('.tabs').children('.tab').removeClass('active').eq(index).addClass('active');
        });

        res_tab();
        var timer=true;
        $(window).resize(function () {
            if (timer===true) {
                timer=false;
                setTimeout(function () {
                    res_tab();
                    timer=true;
                },400)
            };
        })
});