/**
 * Created by Pascal on 16/02/17.
 */

$(function () {

    var active = 1;

    $('.landing-slider.slider-area .nav .nav-item ').click(function () {
        active = $(this).data('nav');
        setMethodSlider(active);
    });

    // $('.five-reasons-row .reason-detail').click(function () {
    //     active = $(this).data('reason');
    //     setMethodSlider(active);
    // });

    function setMethodSlider(item) {
        $('.landing-slider.slider-area .slider-content .content').removeClass('active');
        $('.landing-slider.slider-area .nav .nav-item').removeClass('active');
        $('.landing-slider.slider-area .slider-content .content[data-item='+item+']').addClass('active');
        $('.landing-slider.slider-area .nav .nav-item[data-nav='+item+']').addClass('active');

        var body = $('html, body');
        body.animate({
            scrollTop: $('.landing-slider.slider-area .slider-content').offset().top - 60
        }, 800);

        body.on("scroll mousedown wheel DOMMouseScroll mousewheel keyup touchmove", function(){
            body.stop();
        });

    }


    var active2 = 1;

    $('.landing-slider.slider-ouddorp .nav .nav-item ').click(function () {
        active2 = $(this).data('nav');
        setMethodSlider2(active2);
    });

    // $('.five-reasons-row .reason-detail').click(function () {
    //     active = $(this).data('reason');
    //     setMethodSlider(active);
    // });

    function setMethodSlider2(item) {
        $('.landing-slider.slider-ouddorp .slider-content .content').removeClass('active');
        $('.landing-slider.slider-ouddorp .nav .nav-item').removeClass('active');
        $('.landing-slider.slider-ouddorp .slider-content .content[data-item='+item+']').addClass('active');
        $('.landing-slider.slider-ouddorp .nav .nav-item[data-nav='+item+']').addClass('active');

        var body = $('html, body');
        body.animate({
            scrollTop: $('.landing-slider.slider-ouddorp .slider-content').offset().top - 60
        }, 800);

        body.on("scroll mousedown wheel DOMMouseScroll mousewheel keyup touchmove", function(){
            body.stop();
        });

    }

});