$(document).ready(function(){
  $('.eventPic').hover(function(){
    let overview = '#' + $(this).attr('id') + 'overview';

    $(document).bind('mousemove', function(e){
      $(overview).css({
        left:  e.pageX + 20,
        top:   e.pageY
      });
    });
    $(overview).show();
    
  }, function() {
    let overview = '#' + $(this).attr('id') + 'overview';
      $(overview).hide();
      $(document).unbind('mousemove');
  });


  $('#findEventsButton').click(function() {
    let redirectLink = '/events?';

    if (document.getElementById('dateInput').value){
      let date = document.getElementById('dateInput').value;

      //let newDate = date.replace(/-/g, '');
      redirectLink += 'month=' + date + '&';
    }
    if (document.getElementById('searchInput').value){
      let searchTerm = encodeURI(document.getElementById('searchInput').value);
      redirectLink += 'title=' + searchTerm + '&';
    }
    if ($('#eventCategorySelect option:selected').val() !== 'all'){
      redirectLink += 'filterBy=' + $('#eventCategorySelect option:selected').val();
    }

    window.location.href = redirectLink;
  });

  $(document).on('keypress',function(e) { 
    if(e.which == 13) {
      let redirectLink = '/events?';

    if (document.getElementById('dateInput').value){
      let date = document.getElementById('dateInput').value;

      //let newDate = date.replace(/-/g, '');
      redirectLink += 'month=' + date + '&';
    }
    if (document.getElementById('searchInput').value){
      let searchTerm = encodeURI(document.getElementById('searchInput').value);
      redirectLink += 'title=' + searchTerm + '&';
    }
    if ($('#eventCategorySelect option:selected').val() !== 'all'){
      redirectLink += 'filterBy=' + $('#eventCategorySelect option:selected').val();
    }

    window.location.href = redirectLink;
    }
  });
});