$(function() {

    

    var navHeight = $('.navigation').outerHeight();

    $('.navigation__toggle').on('click', function() {

        if ($('.wrapper').hasClass('open')) {

            $('.navigation__overlay').removeClass('visible');
            $('body').removeClass('menu--open');
            $('.wrapper').removeClass('visible');

            var menuCloseIconStart = anime({
                targets: '.menu__icon--start',
                x1: 4.75,
                y1: 6.08,
                x2: 27.42,
                y2: 6.08,
                easing: 'linear',
                duration: 500
            });

            var menuCloseIconEnd = anime({
                targets: '.menu__icon--end',
                x1: 4.75,
                y1: 26.08,
                x2: 27.42,
                y2: 26.08,
                easing: 'linear',
                duration: 500
            });

            setTimeout(function () {
                $('.wrapper').removeClass('open');
                $('body').removeClass('menu--open');
                $('.navigation__overlay').removeClass('open');
            }, 500)

        } else {

            $('.wrapper').addClass('open');
            $('body').addClass('menu--open');
            $('.navigation__overlay').addClass('open');

            var menuCloseIconStart = anime({
                targets: '.menu__icon--start',
                x1: 4.75,
                y1: 6.08,
                x2: 27.67,
                y2: 26.08,
                easing: 'linear',
                duration: 500
            });

            var menuCloseIconEnd = anime({
                targets: '.menu__icon--end',
                x1: 4.75,
                y1: 26.08,
                x2: 27.77,
                y2: 6.08,
                easing: 'linear',
                duration: 500
            });

            setTimeout(function () {
                $('.navigation__overlay').addClass('visible');
                $('.wrapper').addClass('visible');
            }, 100)

        }

    })

    // Blob animations

    var lineA = anime({
        targets: '.a',
        points: [
            { value: '319.42 73.28 85.29 28.72 11.92 240.78 188.92 121.78' },
            { value: '335.67 21 15.33 21 15.33 345 153.42 212' },
            { value: '324.67 51 11.92 5 44.67 340 136.67 119.5' },
            { value: '324.67 49 25.67 42 25.67 350 248 233.83' },
            { value: '191.17 9 3.17 176.5 46.67 352 248 233.83' },
            { value: '188.88 9 0.88 176.5 163.88 352 201 181.5' },
            { value: '23.67 14 23.67 321 325.67 345 235 195.83' },
            { value: '46.67 15.5 8.67 339 337.67 353 79.67 218.5' },
            { value: '8.67 20.67 90.67 362.5 228.67 362.5 155.33 184.5' },
            { value: '5.33 9 78 353 336 299.67 155.33 129.83' }
        ],
        easing: 'easeInOutQuad',
        duration: 300000,
        loop: true,
        direction: 'alternate'
    });

    var lineB = anime({
        targets: '.b',
        points: [
            { value: '308.42 318.28 319.42 73.28 188.92 121.78' },
            { value: '335.67 345 335.67 21 153.42 212' },
            { value: '335.67 340 324.67 51 136.67 119.5' },
            { value: '335.67 337 324.67 49 248 233.83' },
            { value: '335.67 334 191.17 9 248 233.83' },
            { value: '349 137.67 188.88 9 201 181.5' },
            { value: '345.67 35 23.67 14 235 195.83' },
            { value: '345.67 15.5 46.67 15.5 79.67 218.5' },
            { value: '345.67 20.67 8.67 20.67 155.33 184.5' },
            { value: '345.67 11.67 5.33 9 155.33 129.83' }
        ],
        easing: 'easeInOutQuad',
        duration: 300000,
        loop: true,
        direction: 'alternate'
    });

    var lineC = anime({
        targets: '.c',
        points: [
            { value: '11.92 240.78 308.42 318.28 188.92 121.78' },
            { value: '15.33 345 335.67 345 153.42 212' },
            { value: '44.67 340 335.67 340 136.67 119.5' },
            { value: '25.67 350 335.67 337 248 233.83' },
            { value: '46.67 352 335.67 334 248 233.83' },
            { value: '163.88 352 349 137.67 201 181.5' },
            { value: '325.67 345 345.67 35 235 195.83' },
            { value: '337.67 353 345.67 15.5 79.67 218.5' },
            { value: '228.67 362.5 345.67 20.67 155.33 184.5' },
            { value: '336 299.67 345.67 11.67 155.33 129.83' }
        ],
        easing: 'easeInOutQuad',
        duration: 300000,
        loop: true,
        direction: 'alternate'
    });

    var blobPath = anime({
      targets: '.blob__path',
      d: [
        { value: 'M 276.4 311.5 C 238.9 363.5 167.4 374.8 138.7 356.4 C 110 338 152 280.7 77 231.3 C 16.7 168.3 147.9 142.5 126.9 90.5 C 105.9 38.5 136.8 1.9 167.1 1.5 C 197.4 1.1 218.2 13.9 266.3 41.1 C 313.1 68.3 381.4 31.5 417.4 92 C 441.1 133.4 439.3 216.6 396.4 258 C 349.4 302 311.7 255.5 276.4 311.5 Z' },
        { value: 'M 283.4 344 C 251.4 386 179.9 378.8 138.7 356.4 C 97.5 334 52.4 314 44.4 237 C 36.4 160 147.9 142.5 126.9 90.5 C 105.9 38.5 136.8 1.9 167.1 1.5 C 197.4 1.1 218.2 13.9 266.3 41.1 C 313.1 68.3 389.4 50 417.4 92 C 441.1 133.4 439.3 216.6 396.4 258 C 349.4 302 318.7 288 283.4 344 Z' }
      ],
      easing: 'easeInOutQuad',
      duration: 50000,
      loop: true,
      direction: 'alternate'
    });

    var formblobPath = anime({
      targets: '.formblob__path',
      d: [
        { value: 'M 276.4 311.5 C 238.9 363.5 167.4 374.8 138.7 356.4 C 110 338 152 280.7 77 231.3 C 16.7 168.3 147.9 142.5 126.9 90.5 C 105.9 38.5 136.8 1.9 167.1 1.5 C 197.4 1.1 218.2 13.9 266.3 41.1 C 313.1 68.3 381.4 31.5 417.4 92 C 441.1 133.4 439.3 216.6 396.4 258 C 349.4 302 311.7 255.5 276.4 311.5 Z' },
        { value: 'M 283.4 344 C 251.4 386 179.9 378.8 138.7 356.4 C 97.5 334 52.4 314 44.4 237 C 36.4 160 147.9 142.5 126.9 90.5 C 105.9 38.5 136.8 1.9 167.1 1.5 C 197.4 1.1 218.2 13.9 266.3 41.1 C 313.1 68.3 389.4 50 417.4 92 C 441.1 133.4 439.3 216.6 396.4 258 C 349.4 302 318.7 288 283.4 344 Z' }
      ],
      easing: 'easeInOutQuad',
      duration: 10000,
      loop: true,
      direction: 'alternate'
    });

    var tublobPath = anime({
        targets: '.tublob__path',
        d: [
            { value: 'M 206 1.44 C 232.17 1.44 303.57 -14.87 363.49 123.12 C 423.41 261.11 399.28 283.76 386.28 296.76 C 296.28 354.76 319.18 348.43 258.42 364.15 C 197.66 379.87 78.15 342.15 68.01 240.15 C 57.87 138.15 161 9.12 206 1.44 Z' },
            { value: 'M 158.06 4.25 C 208.88 -16 331 77.88 361.7 122.94 C 458.38 259 276.89 388 172.08 382 C 67.27 376 218.48 284 108.38 284 C -1.72 284 6.05 198.85 64.21 158.92 C 122.37 118.99 117.38 25 158.06 4.25 Z' },
            { value: 'M 158.06 4.36 C 254 -15.43 331 78 361.7 123 C 458.38 259 361.7 370.37 256.93 364.37 C 152.16 358.37 193.34 292.59 108.38 284.05 C 23.42 275.51 12.45 179 64.21 159 C 115.97 139 62.15 24.14 158.06 4.36 Z' },
            { value: 'M 205.81 9.12 C 288.47 -14.95 431.58 70.12 432.31 148.32 C 433.04 226.52 271.89 388.44 167.08 382.43 C 62.27 376.42 213.48 284.43 103.38 284.43 C 68 292.53 15.09 240.75 61 197.65 C 106.91 154.55 114.48 31.55 205.81 9.12 Z' },
            { value: 'M 195.16 8.23 C 311 -5.48 420.93 48.34 421.66 147.42 C 422.39 246.5 395.1 386.14 290.3 380.14 C 185.5 374.14 202.83 283.54 92.73 283.54 C -17.37 283.54 36.73 103.61 36.73 103.61 C 36.73 103.61 52.36 24.93 195.16 8.23 Z' }
        ],
        easing: 'easeInOutQuad',
        duration: 75000,
        loop: true,
        direction: 'alternate'
    }); 

    var brandturqblob = anime({
        targets: '.brandturqblob__path',
        d: [
            { value: 'M 298 186.15 C 298 283.06 220.53 337.42 174.47 353.81 C 128.41 370.2 86.22 364.18 55.26 332.73 C 24.26 302.12 4.57 246.08 3.07 181.81 C 1.57 117.54 19.09 61 50.14 30.4 C 81 -1.07 125.58 -6.46 174.47 11 C 223.36 28.46 298 89.25 298 186.15 Z' },
            { value: 'M 338 234 C 338 327 303 353 215 357.5 C 127 362 77.67 334.32 55 307 C 32.33 279.68 4.57 246.13 3.07 181.85 C 1.57 117.57 19.09 61 50.14 30.44 C 81 -1 125.58 -6.42 174.47 11.05 C 223.36 28.52 338 108 338 234 Z' }
        ],
        easing: 'easeInOutQuad',
        duration: 75000,
        loop: true,
        direction: 'alternate'
    });

    var vertGradient = anime({
        targets: '.vertgradient__path',
        d: [
            { value: 'M 748.9 9208.9 C 2204.71 6937.23 259.9 4226.4 259.9 2363.4 C 259.9 500.4 832.51 50.22 832.51 50.22' }
        ],
        easing: 'linear',
        duration: 20000,
        loop: true,
        direction: 'alternate'
    });

    var clipBlobBlue = anime({
        targets: '.clipblob__path--blue',
        d: [
            { value: 'M 62.59 39.78 C 62.59 60.34 46.15 71.87 36.38 75.35 C 26.61 78.83 17.66 77.55 11.09 70.87 C 4.51 64.38 0.34 52.49 0 38.86 C -0.34 25.23 3.41 13.22 10 6.73 C 16.55 0.06 26 -1.09 36.38 2.62 C 46.76 6.33 62.58 19.22 62.59 39.78 Z' },
            { value: 'M 71.72 49.11 C 71.72 68.72 64.34 74.21 45.78 75.16 C 27.22 76.11 16.81 70.27 12 64.51 C 7.19 58.75 1.07 50.39 1.07 38.11 C 1.07 25.83 4.45 12.61 11 6.17 C 17.52 -0.47 26.91 -1.61 37.23 2.08 C 47.55 5.77 71.72 22.53 71.72 49.11 Z' }
        ],
        easing: 'easeInOutQuad',
        duration: 7500,
        loop: true,
        direction: 'alternate'
    });

    var clipBlobYellow = anime({
        targets: '.clipblob__path--yellow',
        d: [
            { value: 'M 26.78 39.53 C 18 39.53 1.46 50.16 1.44 74.09 C 1.42 98.02 40.9 120.92 43.63 108.47 C 51.83 90.27 82.09 91.28 74.79 61.05 C 67.33 39.51 35.54 39.53 26.78 39.53 Z' },
            { value: 'M 24.25 41.39 C 10.63 41.39 1.19 64.23 1.19 79.31 C 1.19 94.39 2.54 120.61 23.19 107.88 C 43.84 95.15 70.35 76.88 69.64 64.57 C 68.93 52.26 33 41.39 24.25 41.39 Z' }
        ],
        easing: 'easeInOutQuad',
        duration: 7500,
        loop: true,
        direction: 'alternate'
    });

    var clipBlobPink = anime({
        targets: '.clipblob__path--pink',
        d: [
            { value: 'M 35.05 66.33 C 36.94 60.04 41.13 56.33 49.17 54.62 C 57.21 52.91 66.42 56.47 70.41 58.15 C 74.4 59.83 81 62.62 82.12 68 C 83.24 73.38 79.71 87 79.71 87 C 79.71 87 78.71 94 72.06 102.52 C 63.77 112.91 51.39 113.44 43.42 111.13 C 35.45 108.82 32.86 96.79 32.23 90.46 C 31.6 84.13 33.16 72.63 35.05 66.33 Z' },
            { value: 'M 33.17 68.17 C 36.77 60.92 46.17 59.11 46.17 59.11 C 46.17 59.11 60.99 56.7 68.47 59.11 C 75.95 61.52 79.88 68.78 81.37 75.42 C 82.86 82.06 81.92 87 76.89 95.57 C 69.37 107.08 60.52 110.76 58.42 111.57 C 56.32 112.38 43.58 114.72 38.61 108.45 C 33.64 102.18 33 95.86 31.68 89.51 C 30.36 83.16 29.57 75.42 33.17 68.17 Z' }
        ],
        easing: 'easeInOutQuad',
        duration: 7500,
        loop: true,
        direction: 'alternate'
    });

    /* Smooth Scroll */

    $('a[href*="#"]:not([href="#"])').click(function() {
        if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') 
            || location.hostname == this.hostname) {

            var target = $(this.hash);
            target = target.length ? target : $('[name=' + this.hash.slice(1) +']');
               if (target.length) {
                 $('html,body').animate({
                     scrollTop: target.offset().top
                }, 700);
                return false;
            }
        }
    });

})