(function($){
    "use strict";

    $(function(){
        if(
            $('.ajax-tabs').find('li.ajax-tab-item').hasClass('active')
        )
        {
            var handle = $('.ajax-tabs .ajax-tab-item.active').find('a');
            loadActiveData(handle);
        }
        $('ul.ajax-tabs a').on('click', function(e){
            e.preventDefault();
            $('.ajax-tab-item').removeClass('active');
            $(this).parent().addClass('active');
            loadActiveData($(this));

        });
    });


    function loadActiveData($handle){
        $('.loader').addClass('looading');
        var url = $handle.attr('href');
        $.ajax({
            url : url,
            type : 'post',
            success : function( html ) {
                $('#ajax-tab-content .ajax-product-tab-wrapper').remove();
                $('.loader').removeClass('looading');
                $('#ajax-tab-content').fadeOut(0).append(html).fadeIn(800);
                tab_owl();
            }
        });
        return false;
    }


    function tab_owl(){
        $('#ajax-tab-content').find('ul.products').addClass("owl-carousel");
        $('#ajax-tab-content').find('ul.products li').addClass("product");


        $("#ajax-tab-content ul.products li.product>a>img.attachment-shop_catalog").before("<span class='overlay'/>");
        $("#ajax-tab-content ul.products li.product>a>img.attachment-shop_catalog").closest('a').addClass('product-image-wrapper');
        $('#ajax-tab-content').find('ul.products').owlCarousel({
            pagination: true,
            dots:false,
            loop:true,
            items:2,
            nav: true,
            navClass: ['btn btn-default owl-carousel-left','btn btn-default owl-carousel-right'],
            navText: ['<i class="fa fa-angle-left fa-fw""></i>', '<i class="fa fa-angle-right fa-fw"></i>'],
            margin:10,
            autoplay:false,
            responsive:{
                0:{
                    items:1
                },
                600:{
                    items:1
                },
                1000:{
                    items:3
                }
            }
        });
    }




}(jQuery));