/*
 * Copyright (c) 2017.  
 * Created by PhpStorm.
 * User: FleXer
 *
 */

$(document).ready(function(){

    var searchDrop = $('.searchResult');
    var searchDropHeight;

    $('.search-qa').on('keydown',function(e) {
        console.log(e);
        var val = $(this).val();
        var valStr = val.replace(/\s/,'+');
        var loc = '/qa/search/?q=';
        var locHref = loc + valStr;
        if (val.length > 1) {
            $.ajax({
                type:'POST',
                dataType: 'json',
                data: {'action': 'search', val: val},
                url: '/qa/request',
                success:function (response) {
                    if(response != null){
                       var html = '';
                       var cnt = 0;
                       for(var i in response.post) {
                           cnt += 1;
                           html += '<a href="/qa/'+response.action[i]+'">\n' +
                               '                <div class="titleRes">'+response.post[i].title+'</div>\n' +
                               '                <div class="descRes">'+response.post[i].desc+'</div>\n' +
                               '            </a>' +
                               '<hr>';
                       }
                       html += '<a href="'+ locHref +'"><div class="showAllRes">Show all results ('+ response.count +')</div></a><hr>';
                        cnt++;
                       $(searchDrop).html('').append(html).css({'height': cnt*55});
                        searchDropHeight = cnt*55;

                    }else{
                        $(searchDrop).html('').css({'height': 0});
                        searchDropHeight = 0;
                        $('.search-button').removeAttr("href");
                    }
                }
            });
            $('.search-button').attr("href", locHref);
            if(e.keyCode == 13){

                location.href = locHref;
            }
        }else{
            $(searchDrop).html('').css({'height': 0});
            $('.search-button').removeAttr("href");
        }
    });
    $(document).on('click',function (e) {
        var val = $('.search-qa').val();
        // var catBlock = $('.mob-filters h2');
        if($('.search-qa').length == 1){

            if (val.length > 1) {
                if (e.target.parentElement !== searchDrop[0].parentElement
                    || e.target.parentElement === searchDrop[0].parentElement && val === '') {
                    $(searchDrop).css({'height': 0});
                }
                else {
                    $(searchDrop).css({'height': searchDropHeight});
                }
            }
        }
        if(e.target === 'category-item'){
            var parent = e.parentElement;
            parent.addClass('active');

        }

    });


    $(document).on('click',function (e) {
        var catBlock = $('.category-item');
        if(catBlock.length == 0)  return;

        if(e.target.parentNode.className == 'category-block active'){
            catBlock.parent().removeClass('active');
            return
        }
        if(e.target.className == catBlock[0].className){
            catBlock.parent().addClass('active');
        }
        else{
            catBlock.parent().removeClass('active');
        }
    });

    $(document).on('click',function (e) {
        var filBlock = $('.filter-item');
        if(filBlock.length == 0)  return;
        if(e.target.parentNode.className == 'filter-block active'){
            filBlock.parent().removeClass('active');
            return
        }
        if(e.target.className == filBlock[0].className){
            filBlock.parent().addClass('active');
        }
        else{
            filBlock.parent().removeClass('active');
        }
    });

    $('.category-block .category-list li').on('mouseenter',function () {
        $(this).addClass('on');
    });
    $('.category-block .category-list li').on('mouseleave',function () {
        $(this).removeClass('on');
    });



});


$('.createAsk').on('click', 'button', function(e){
    e.preventDefault();
    var error = false;
    var form = $('.createAsk').serializeArray();
    var data = {};
    $(form).each(function(index, obj){
        data[obj.name] = obj.value;
        if(obj.value.length <= 0){
            error = true;
            $("*[name="+obj.name+"]").css({'border-color': 'red'});
        }else{
            $("*[name="+obj.name+"]").css({'border-color': '#ccc'});
        }
    });
        if(!error) {
            $('.createAsk').submit();
        }
    // }
});



$(document).ready(function () {

    // bannerFixed();
    loadProductContent();
    // showMobButton();
    // start_popup_onload();

    // $(document).scroll(bannerFixed);
    // $(document).scroll(showMobButton);

    $('.singlePost,.categoriesBlock ul li,.popular-posts .post-block').on('mouseenter',function () {
        $(this).addClass('active');
        $(this).find('.desc_text a span.more').show();
    });
    $('.singlePost,.categoriesBlock ul li,.popular-posts .post-block').on('mouseleave',function () {
        $(this).removeClass('active');
        $(this).find('.desc_text a span.more').hide();
    });

    function showMobButton() {
        var above_footer_block = $('.above-footer-block').offset().top;
        if($(window).width() < 1100 && $(window).scrollTop() > 330){
            $('.header-contacts-mobile').addClass('active');
        }
        else{
            $('.header-contacts-mobile').removeClass('active');
        }
        if($(window).scrollTop() >= above_footer_block -1100){
            $('.header-contacts-mobile').removeClass('active');
        }
    }

    function bannerFixed() {
        var banner = $('.banner');
        var side_stats = $('.side-stats');
        var doc_dist = $(window).scrollTop();
        if(doc_dist > 605 && doc_dist < 2149){
            banner.addClass('fixed');
            side_stats.addClass('active');
        }
        else if(doc_dist < 605 && doc_dist > 2650){
            banner.removeClass('fixed');
            side_stats.removeClass('active');
        }
        else {
            banner.removeClass('fixed');
            side_stats.removeClass('active');
        }
    }

    function qa_act() {

        var page_type = $('body').attr('data-page');
        var cat = $('.cur_cat').val();
        var device_height = window.outerHeight;
        // var pos_sidebar_button = $('.banner-button').offset().top;
        // var pos_footer_button = $('.above-footer-block .button').offset().top;
        // var viewed_sidebar = false;
        // var viewed_inside = false;
        // var viewed_footer = false;
        // var viewed_mobile = false;


        // if(page_type != 'post' && page_type !='ask'){
        //     var pos_inside_button = $('.article-banner-block .button').offset().top;
        // }

        if($(window).width() > 1100){
            ActProductButtonQa.log('view',1,cat,page_type);
            // ActProductButtonQa.log('view',5,cat,page_type);
        }


        // $(document).scroll(function(){
        //     var doc_dist = $(window).scrollTop();
        //     if (pos_sidebar_button < device_height+doc_dist && $(window).width() > 1100) {
        //         act_view_sidebar();
        //     }
        //     if (pos_inside_button < device_height+doc_dist) {
        //         act_view_inside();
        //     }
        //     if (pos_footer_button < device_height+doc_dist) {
        //         act_view_footer();
        //     }
        //     if($(window).width() < 1100 && doc_dist > 300){
        //         act_view_mobile();
        //     }
        // });
        //
        // function act_view_sidebar() {
        //     if(viewed_sidebar === true) return false;
        //     ActProductButtonQa.log('view',2,cat,page_type);
        //     viewed_sidebar = true;
        // }
        //
        // function act_view_inside() {
        //     if(viewed_inside === true) return false;
        //     ActProductButtonQa.log('view',3,cat,page_type);
        //     viewed_inside = true;
        // }
        //
        // function act_view_footer() {
        //     if(viewed_footer === true) return false;
        //     ActProductButtonQa.log('view',4,cat,page_type);
        //     viewed_footer = true;
        // }
        // function act_view_mobile() {
        //     if(viewed_mobile === true) return false;
        //     ActProductButtonQa.log('view',6,cat,page_type);
        //     viewed_mobile = true;
        // }

    }

    function loadProductContent() {
        var cat = $('.cur_cat').val();
        cat = (cat == 10) ? 0 : cat;
        $.post('/qa/request',{'action': 'product_content', cat: cat},function (resp) {

            var data = JSON.parse(resp);

            // $('.right-sidebar .banner').html(data[0]);
            // $('.article-banner-block').html(data[1]);
            // $('.above-footer-block').html(data[2]);
            $('.free-report-button').html(data[3]);
            qa_act();

        })
    }

    // function start_popup_onload() {
    //     var page_type = $('body').attr('data-page');
    //     var idu = $('#idu').val();
    //     if(sessionStorage.getItem('start_popup')) return;
    //     if(idu == 0) {
    //         if (page_type == 'tag' || page_type == 'post') {
    //             setTimeout(function () {
    //                 $('.modal-backdrop-new').fadeIn();
    //                 $('.modal-popups-new').show();
    //                 $('.popup_start_wow-new').show();
    //                 sessionStorage.setItem('start_popup', '1');
    //                 Semalt_act.log('view', 'popup', 'start_popup_counters');
    //                 window.addEventListener("beforeunload", function () {
    //                     Semalt_act.log('click', 'popup', 'start_popup_counters','close window');
    //                 });
    //             }, 3000);
    //         }
    //     }
    //
    // }



    $(document.body).delegate('.header-contacts-mobile .button-price a,.free-report-button a,.button-request,.popup_start_button,.right-sidebar .banner .banner-button,.article-banner-block .button,.above-footer-block .button', 'click',function () {
        var button_type = $(this).attr('data-button');
        var page_type = $('body').attr('data-page');
        var cat = $('.cur_cat').val();
        ActProductButtonQa.log('click',button_type,cat,page_type);

    });



    'use strict';

    var head_slider = new Slider('.title-special', {
        // slideHeight:50,
        wrapDirection: 'top',
        timeout: 1500
    });

    var partners_slider = new Slider('.partners-slider-container', {
        slideWidth: 246,
        wrapDirection: 'left',
        timeout: false,
        // onScreenSlides:5,
        cycleWrap: true
    });

    var trastpilot_slider = new Slider('.trustpilot-wrap-slider', {
        // slideWidth:900,
        wrapDirection: 'left',
        timeout: false,
        dotsPagitanion: true
    });

    head_slider.start();
    partners_slider.start();
    trastpilot_slider.start();

    $('.header-partners-slider .arrow-right').on('click', function () {
        return partners_slider.next_slide();
    });
    $('.header-partners-slider .arrow-left').on('click', function () {
        return partners_slider.prev_slide();
    });

    $('.trustpilot-slider .arrow-right').on('click', function () {
        return trastpilot_slider.next_slide();
    });
    $('.trustpilot-slider .arrow-left').on('click', function () {
        return trastpilot_slider.prev_slide();
    });
    $('.trustpilot-slider .slider-dots .dot').on('click', function () {
        trastpilot_slider.dot_click($('.trustpilot-slider .slider-dots .dot').index(this));
    });


});




'use strict';

var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();

function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }

function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }

var Slider = function () {
    function Slider(selector, params) {
        _classCallCheck(this, Slider);

        this.params = params;
        this.selector = selector;
        this.wrap_width = $(selector).width();
        this.wrap_height = $(selector).height();
        this.slides = $(selector).children();
        this.active = 0;
        this.auto = '';
    }

    _createClass(Slider, [{
        key: 'slide_display',
        value: function slide_display() {
            return this.params.wrapDirection == 'top' || this.params.wrapDirection == 'bottom' ? 'block' : 'inline-block';
        }
    }, {
        key: 'slide_width',
        value: function slide_width() {

            var slideWidth = void 0;

            if (this.params.slideWidth == undefined) {
                slideWidth = this.params.wrapDirection == 'top' || this.params.wrapDirection == 'bottom' ? this.wrap_width : this.slides.width();
            } else {
                slideWidth = this.params.slideWidth;
            }
            return slideWidth;
        }
    }, {
        key: 'slide_height',
        value: function slide_height() {

            var slideHeight = void 0;

            if (this.params.slideHeight == undefined) {
                slideHeight = this.params.wrapDirection == 'top' || this.params.wrapDirection == 'bottom' ? this.slides.height() : this.wrap_height;
            } else {
                slideHeight = this.params.slideHeight;
            }
            return slideHeight;
        }
    }, {
        key: 'slide_step',
        value: function slide_step() {
            return this.params.wrapDirection == 'top' || this.params.wrapDirection == 'bottom' ? this.slide_height() : this.slide_width();
        }
    }, {
        key: 'slider_wrap',
        value: function slider_wrap() {

            var all_slides = [];
            var main_slides = $(this.selector).children();
            var last_slide = this.slides[main_slides.length - 1];
            var first_slide = this.slides[0];

            // all_slides[0] = last_slide;
            // for(let i=1;i<=main_slides.length;i++){
            //
            //     all_slides[i] = main_slides.eq(i-1).clone()[0];
            //
            // }
            // all_slides[main_slides.length + 1] = first_slide;

            return main_slides;
        }
    }, {
        key: 'on_screen_slides',
        value: function on_screen_slides() {
            return this.params.onScreenSlides != undefined ? this.params.onScreenSlides : this.wrap_width / this.slide_width();
        }
    }, {
        key: 'time_out',
        value: function time_out() {
            return this.params.timeout != undefined ? this.params.timeout : 1500;
        }
    }, {
        key: 'actives_slide',
        value: function actives_slide() {
            var wrap = $(this.selector).children();
            var slideStep = this.slide_step();
            var direction = this.params.wrapDirection;
            $(wrap).removeClass('active');
            $(wrap[this.active]).addClass('active');
            $(wrap).stop().animate(_defineProperty({}, direction, '-' + slideStep * this.active + 'px'), 500);
            // $(wrap).stop().css(direction, '-' + slideStep * active  + 'px');
        }
    }, {
        key: 'auto_slide',
        value: function auto_slide() {
            var timeout = this.time_out();
            if (timeout === false) return;
            this.auto = setInterval(this.next_slide.bind(this), timeout);
        }
    }, {
        key: 'stop_auto_slide',
        value: function stop_auto_slide() {
            clearInterval(this.auto);
        }
    }, {
        key: 'next_count',
        value: function next_count() {
            var wrap = this.slider_wrap();
            if (this.params.cycleWrap === true) {
                if (wrap.length - 1 == this.active + this.on_screen_slides() - 1) {
                    wrap.clone().appendTo($(this.selector));
                    this.active++;
                } else {
                    this.active++;
                }
            } else {
                return wrap.length - 1 == this.active + this.on_screen_slides() - 1 ? this.active = 0 : this.active++;
            }
        }
    }, {
        key: 'prev_count',
        value: function prev_count() {
            var wrap = this.slider_wrap();
            // if(this.params.cycleWrap === true){
            //     if (this.active == 0){
            //         // let wrap = this.slider_wrap();
            //         wrap.clone().prependTo($(this.selector));
            //         this.active = this.slides.length - 1;
            //         console.log(wrap);
            //     } else{
            //         this.active--;
            //     }
            // }
            // else{
            return this.active == 0 ? this.active = wrap.length - this.on_screen_slides() : this.active--;
            // }
        }
    }, {
        key: 'next_slide',
        value: function next_slide() {
            // let clicked = false;
            // if(clicked === true) return;
            // setInterval(function (){clicked = true},1000);
            this.next_count();
            this.active_dot();
            this.actives_slide();
        }
    }, {
        key: 'prev_slide',
        value: function prev_slide() {
            // let clicked = true;
            // if(clicked == false) return;
            // clicked = false;
            // setInterval(function (){clicked = true},1000);
            this.prev_count();
            this.active_dot();
            this.actives_slide();
        }
    }, {
        key: 'dots_pagination',
        value: function dots_pagination() {
            var dots = this.params.dotsPagitanion;
            if (dots === true) {
                $(this.selector).parent().append('<div class="slider-dots"></div>');
                for (var i = 0; i < this.slider_wrap().length; i++) {
                    $('.slider-dots').append('<div class="dot"></div>');
                    // $('.slider-dots .dot').attr('data-dot')
                }
                this.active_dot();
            }
        }
    }, {
        key: 'dot_click',
        value: function dot_click(active_dot) {
            this.active = active_dot;
            this.active_dot();
            this.actives_slide();
        }
    }, {
        key: 'active_dot',
        value: function active_dot() {
            var slider_dots = $(this.selector).parent().find('.slider-dots');
            slider_dots.find('.dot').removeClass('active');
            slider_dots.find('.dot:eq(' + this.active + ')').addClass('active');
        }
    }, {
        key: 'start',
        value: function start() {

            // $(this.selector).empty().append(this.slider_wrap());
            this.dots_pagination();
            this.auto_slide();
        }

        // slides_styles(){
        //
        //     this.styles = {
        //         display: this.slide_display(),
        //         width: this.slide_width(),
        //         height: this.slide_height(),
        //         position:this.params.wrapDirection
        //     };
        //
        //     return this.styles;
        // }


        // slider_styles(){
        //
        //     this.styles = {
        //         width: this.slide_width(),
        //         height: this.slide_height()
        //     };
        //
        //     return this.styles;
        // }

    }]);

    return Slider;
}();