if ($.cookie("theme_csspath")) {
    $('link#theme-stylesheet')
        .attr("href", $.cookie("theme_csspath"));
}
if ($.cookie("theme_layout")) {
    $('body')
        .addClass($.cookie("theme_layout"));
}

$(
    function() {

        sliderHomepage();
        sliders();
        fullScreenContainer();
        productDetailGallery(4000);
        menuSliding();
        productDetailSizes();
        utils();
        animations();
        counters();
        demo();

    }
);



function demo() {

    if ($.cookie("theme_csspath")) {
        $('link#theme-stylesheet')
            .attr("href", $.cookie("theme_csspath"));
    }

    $("#colour")
        .change(
            function() {

                if ($(this)
                        .val() !== '') {

                    var theme_csspath = 'css/style.' + $(this)
                            .val() + '.css';

                    $('link#theme-stylesheet')
                        .attr("href", theme_csspath);

                    $.cookie(
                        "theme_csspath", theme_csspath, {
                            expires: 365,
                            path: '/'
                        }
                    );
                }

                return false;
            }
        );

    $("#layout")
        .change(
            function() {

                if ($(this)
                        .val() !== '') {

                    var theme_layout = $(this)
                        .val();

                    $('body')
                        .removeClass('wide');
                    $('body')
                        .removeClass('boxed');

                    $('body')
                        .addClass(theme_layout);

                    $.cookie(
                        "theme_layout", theme_layout, {
                            expires: 365,
                            path: '/'
                        }
                    );
                }

                return false;
            }
        );
}

/* slider homepage */

function sliderHomepage() {

    $('.home-carousel .main_slider').owlCarousel({
        responsiveClass: true,
        navSpeed:150,
        dots:true,
        nav:false,
        items:1
    });
}
/* sliders */

function sliders() {
    if ($('.owl-carousel').length) {
        $('.homepage').owlCarousel({
            navigation: false, // Show next and prev buttons
            navigationText: ["<i class='fa fa-angle-left'></i>", "<i class='fa fa-angle-right'></i>"],
            slideSpeed: 2000,
            paginationSpeed: 1000,
            autoPlay: true,
            stopOnHover: true,
            singleItem: true,
            lazyLoad: false,
            addClassActive: true,
            afterInit: function () {
                //animationsSlider();
                console.log('init');
            },
            afterMove: function () {
                //animationsSlider();
                console.log('move');
            }
        });

        $(".customers").owlCarousel({
            responsiveClass: true,
            responsive: {
                0: {
                    items: 3,
                    slideBy: 1
                },

                370: {
                    items: 3,
                    slideBy: 1
                },
                450: {
                    items: 4,
                    slideBy: 1
                },

                650: {
                    items: 5,
                    slideBy: 1
                },

                920: {
                    items: 5,
                    slideBy: 1
                },

                1200: {
                    items: 6,
                    slideBy: 1
                }
            },
            navSpeed:150,
            nav:false,
            dots:false
        });

        $(".testimonials").owlCarousel(
                // {
                //     items: 4,
                //     itemsDesktopSmall: [
                //         990,
                //         3
                //     ],
                //     itemsTablet: [
                //         768,
                //         2
                //     ],
                //     itemsMobile: [
                //         480,
                //         1
                //     ]
                // }
            );

        $('.project').owlCarousel(
                // {
                //     navigation: true, // Show next and prev buttons
                //     navigationText: [
                //         "<i class='fa fa-angle-left'></i>",
                //         "<i class='fa fa-angle-right'></i>"
                //     ],
                //     slideSpeed: 300,
                //     paginationSpeed: 400,
                //     autoPlay: true,
                //     stopOnHover: true,
                //     singleItem: true,
                //     afterInit: '',
                //     lazyLoad: true
                // }
            );

        var owlProducts = $('.products.sliders_');
        owlProducts.owlCarousel({
            responsiveClass: true,
            responsive: {
                0: {
                    items: 1,
                    slideBy: 1
                },

                370: {
                    items: 1,
                    slideBy: 1
                },
                570: {
                    items: 2,
                    slideBy: 2
                },


                768: {
                    items: 3,
                    slideBy: 3
                },

                980: {
                    items: 4,
                    slideBy: 4
                }
            },

            smartSpeed:150,
            nav:false,
            dots:true,
            loop:true,
            // onInitialized: function(){
            //
            // }

        });

      
        

    }

}

/* menu sliding */

function menuSliding() {

    $('.dropdown')
        .on(
            'show.bs.dropdown', function(e) {

                if ($(window)
                        .width() > 750) {
                    $(this)
                        .find('.dropdown-menu')
                        .first()
                        .stop(true, true)
                        .slideDown();

                } else {
                    $(this)
                        .find('.dropdown-menu')
                        .first()
                        .stop(true, true)
                        .show();
                }
            }
        );
    $('.dropdown')
        .on(
            'hide.bs.dropdown', function(e) {
                if ($(window)
                        .width() > 750) {
                    $(this)
                        .find('.dropdown-menu')
                        .first()
                        .stop(true, true)
                        .slideUp();
                } else {
                    $(this)
                        .find('.dropdown-menu')
                        .first()
                        .stop(true, true)
                        .hide();
                }
            }
        );

}

/* animations */

function animations() {
    delayTime = 0;
    $('[data-animate]')
        .css({opacity: '0'});
    $('[data-animate]')
        .waypoint(
            function(direction) {
                delayTime += 150;
                $(this)
                    .delay(delayTime)
                    .queue(
                        function(next) {
                            $(this)
                                .toggleClass('animated');
                            $(this)
                                .toggleClass(
                                    $(this)
                                        .data('animate')
                                );
                            delayTime = 0;
                            next();
                            //$(this).removeClass('animated');
                            //$(this).toggleClass($(this).data('animate'));
                        }
                    );
            }, {
                offset: '90%',
                triggerOnce: true
            }
        );

    $('[data-animate-hover]')
        .hover(
            function() {
                $(this)
                    .css({opacity: 1});
                $(this)
                    .addClass('animated');
                $(this)
                    .removeClass(
                        $(this)
                            .data('animate')
                    );
                $(this)
                    .addClass(
                        $(this)
                            .data('animate-hover')
                    );
            }, function() {
                $(this)
                    .removeClass('animated');
                $(this)
                    .removeClass(
                        $(this)
                            .data('animate-hover')
                    );
            }
        );

}

function animationsSlider() {

    var delayTimeSlider = 400;

    $('.owl-item:not(.active) [data-animate-always]')
        .each(
            function() {

                $(this)
                    .removeClass('animated');
                $(this)
                    .removeClass(
                        $(this)
                            .data('animate-always')
                    );
                $(this)
                    .stop(true, true, true)
                    .css({opacity: 0});

            }
        );

    $('.owl-item.active [data-animate-always]')
        .each(
            function() {
                delayTimeSlider += 500;

                $(this)
                    .delay(delayTimeSlider)
                    .queue(
                        function(next) {
                            $(this)
                                .addClass('animated');
                            $(this)
                                .addClass(
                                    $(this)
                                        .data('animate-always')
                                );

                            console.log(
                                $(this)
                                    .data('animate-always')
                            );

                        }
                    );
            }
        );

}

/* counters */

function counters() {

    $('.counter')
        .counterUp(
            {
                delay: 10,
                time: 1000
            }
        );

}

/* picture zoom */

function pictureZoom() {

    $('.product .image, .post .image, .photostream div')
        .each(
            function() {
                var imgHeight = $(this)
                    .find('img')
                    .height();
                $(this)
                    .height(imgHeight);
            }
        );
}

/* full screen intro */

function fullScreenContainer() {

    var screenWidth = $(window)
                          .width() + "px";

    if ($(window)
            .height() > 500) {
        var screenHeight = $(window)
                               .height() + "px";
    } else {
        var screenHeight = "500px";
    }

    $("#intro, #intro .item")
        .css(
            {
                width: screenWidth,
                height: screenHeight
            }
        );
}
function utils() {

    /* tooltips */

    $('[data-toggle="tooltip"]')
        .tooltip();

    /* click on the box activates the radio */

    $('#checkout')
        .on(
            'click', '.box.shipping-method, .box.payment-method', function(e) {
                var radio = $(this)
                    .find(':radio');
                radio.prop('checked', true);
            }
        );
    /* click on the box activates the link in it */

    $('.box.clickable')
        .on(
            'click', function(e) {

                window.location = $(this)
                    .find('a')
                    .attr('href');
            }
        );
    /* external links in new window*/

    $('.external')
        .on(
            'click', function(e) {

                e.preventDefault();
                window.open(
                    $(this)
                        .attr("href")
                );
            }
        );
    /* animated scrolling */

    $('.scroll-to, .scroll-to-top')
        .click(
            function(event) {

                var full_url = this.href;
                var parts = full_url.split("#");
                if (parts.length > 1) {

                    scrollTo(full_url);
                    event.preventDefault();
                }
            }
        );
    function scrollTo(full_url) {
        var parts = full_url.split("#");
        var trgt = parts[ 1 ];
        var target_offset = $("#" + trgt)
            .offset();
        var target_top = target_offset.top - 100;
        if (target_top < 0) {
            target_top = 0;
        }

        $('html, body')
            .animate(
                {
                    scrollTop: target_top
                }, 1000
            );
    }
}

/* product detail gallery */

function productDetailGallery(confDetailSwitch) {
    $('.thumb:first')
        .addClass('active');
    timer = setInterval(autoSwitch, confDetailSwitch);
    $(".thumb")
        .click(
            function(e) {

                switchImage($(this));
                clearInterval(timer);
                timer = setInterval(autoSwitch, confDetailSwitch);
                e.preventDefault();
            }
        );
    $('#mainImage')
        .hover(
            function() {
                clearInterval(timer);
            }, function() {
                timer = setInterval(autoSwitch, confDetailSwitch);
            }
        );
    function autoSwitch() {
        var nextThumb = $('.thumb.active')
            .closest('div')
            .next('div')
            .find('.thumb');
        if (nextThumb.length == 0) {
            nextThumb = $('.thumb:first');
        }
        switchImage(nextThumb);
    }

    function switchImage(thumb) {

        $('.thumb')
            .removeClass('active');
        var bigUrl = thumb.attr('href');
        thumb.addClass('active');
        $('#mainImage img')
            .attr('src', bigUrl);
    }
}

/* product detail sizes */

function productDetailSizes() {
    $('.sizes a')
        .click(
            function(e) {
                e.preventDefault();
                $('.sizes a')
                    .removeClass('active');
                $('.size-input')
                    .prop('checked', false);
                $(this)
                    .addClass('active');
                $(this)
                    .next('input')
                    .prop('checked', true);
            }
        );
}

$.fn.alignElementsSameHeight = function() {
    $('.same-height-row')
        .each(
            function() {

                var maxHeight = 0;
                var children = $(this)
                    .find('.same-height');
                children.height('auto');
                if ($(window)
                        .width() > 768) {
                    children.each(
                        function() {
                            if ($(this)
                                    .innerHeight() > maxHeight) {
                                maxHeight = $(this)
                                    .innerHeight();
                            }
                        }
                    );
                    children.innerHeight(maxHeight);
                }

                maxHeight = 0;
                children = $(this)
                    .find('.same-height-always');
                children.height('auto');
                children.each(
                    function() {
                        if ($(this)
                                .height() > maxHeight) {
                            maxHeight = $(this)
                                .innerHeight();
                        }
                    }
                );
                children.innerHeight(maxHeight);

            }
        );
}

var windowWidth = $(window).width();
$(window).load(
        function() {

           windowWidth = $(window).width();

            $(this)
                .alignElementsSameHeight();
            pictureZoom();
        }
    );
$(window)
    .resize(
        function() {

            newWindowWidth = $(window)
                .width();

            if (windowWidth !== newWindowWidth) {
                setTimeout(
                    function() {
                        $(this)
                            .alignElementsSameHeight();
                        fullScreenContainer();
                        pictureZoom();
                    }, 205
                );
                windowWidth = newWindowWidth;
            }

        }
    );