function interpolateColor (c0, c1, f) {
  c0 = c0.match(/.{1,2}/g).map((oct)=>parseInt(oct, 16) * (1-f))
  c1 = c1.match(/.{1,2}/g).map((oct)=>parseInt(oct, 16) * f)
  let ci = [0,1,2].map(i => Math.min(Math.round(c0[i]+c1[i]), 255))
  return ci.reduce((a,v) => ((a << 8) + v), 0).toString(16).padStart(6, "0")
}


$( document ).ready(function() {
  $('.milo-hover').hover(
    function() {
      let thisId = $(this).attr('id').substring(4);
      $('.milo-pic').addClass('hidden');
      $('#milo'+thisId).removeClass('hidden');
    },
    function() {}
  )
  $('#alan-milo').hover(
    function() {},
    function() {
      $('.milo-pic').addClass('hidden');
      $('#milo1').removeClass('hidden');
    }
  );

  //$('main').css('paddingBottom',$(window).height()/3);

  // $("li[id^='nav-']").on('click', function() {
  //   let thisId = $(this).attr('id').substring(4);
  //   $([document.documentElement, document.body]).animate({
  //     scrollTop: $('#sect-'+thisId).offset().top - 15
  //   }, {
  //     duration: 1000,
  //     easing: 'swing'
  //   });
  // });

  // $("#clients").owlCarousel({
  //   autoplay: true,
  //   pagination: false,
  //   navigation : true,
  //   navigationText : ["<",">"],
  //   itemsMobile: [479,2]
  // });

  // $('#show-more-resume').on('click touchend', function(e) {
  //   alert('hi')
  //
  // });

  // $('#show-less-resume').on('click', function() {
  //   $('#more-resume').slideUp(750, function() {
  //     $('#show-more-resume').slideDown(250);
  //   });
  //
  // });

  // $('#menu-toggle').on('click touchend', function(e) {
  //   e.preventDefault();
  //   if ( $('nav.left-nav').hasClass('open') ) {
  //     $('nav.left-nav').removeClass('open');
  //   }
  //   else {
  //     $('nav.left-nav').addClass('open');
  //   }
  // });

  $(document).scroll( function() {
    let mainHeight = $(document).height() - $(window).height();
    let currPos = $(document).scrollTop();
    let pct = (currPos / mainHeight).toFixed(3);
    let switchOffset = $(window).height() / 4;
    let color = '';
    if (pct < 0.5) {
      color = interpolateColor( '00b2ff', 'FFCC00', pct*2);
    } else {
      color = interpolateColor( 'FFCC00', 'EE0000', (pct-0.5)*2);
    }

    $('#init-box, button, .owl-prev, .owl-next, .ux-link-bg').css('backgroundColor', '#'+color);
    $('#nav-ul').css('borderRightColor', '#'+color);
    $('.section-title').css('borderBottomColor', '#'+color);
    $('.fa, .dot1, .ux-link-text').css('color', '#'+color);

    let imgHeight = $('#milo1').height();
    $('.milo-hover').height(imgHeight);
    $('#about-alan').height(imgHeight);

    // NAV CONTROL
    let aboutTop = 0;
    let resumeTop = $('#sect-resume').offset().top - switchOffset;
    let portfolioTop = $('#sect-portfolio').offset().top - switchOffset;
    let contactTop = $('#sect-contact').offset().top - switchOffset;

    if (currPos < resumeTop ) {
      $('nav ul li').removeClass('on');
      $('#nav-about').addClass('on');
    }
    else if (currPos >= resumeTop && currPos < portfolioTop) {
      $('nav ul li').removeClass('on');
      $('#nav-resume').addClass('on');
    }
    else if (currPos >= portfolioTop && currPos < contactTop) {
      $('nav ul li').removeClass('on');
      $('#nav-portfolio').addClass('on');
    }
    else if (currPos >= contactTop) {
      $('nav ul li').removeClass('on');
      $('#nav-contact').addClass('on');
    }
  });

  $(window).on('load', function () {
    let imgHeight = $('#milo1').height();
    $('.milo-hover').height(imgHeight);
    $('#about-alan').height(imgHeight);
  });


  $(window).resize( function () {
    let w = $('body').width();
    if (w >= 650) {
      let imgHeight = $('#milo1').height();
      $('.milo-hover').height(imgHeight);
      $('#about-alan').height(imgHeight);
      //$('main').css('paddingBottom',$(window).height()/3);
    } else {
      $('#about-alan').height('auto');
    }

  });

});