jQuery(function($) {

	var $window = $(window);
	var $body = $('body');
	var $header = $('#header');
	$window.on('scroll', function(e) {
		var scrollTop = $window.scrollTop();
		$header.toggleClass('minimal', scrollTop > 0);
		$body.toggleClass('minimal-header', scrollTop > 0);
	});

  $('body').addClass('postload');

	$(document).ready(function() {

    $(".hamburger").click(function(){
      $("body").toggleClass("menu-open");
    });

  // Add fullwidth class to gallery thumbs if less than 6
  	
  $('.imageGallery').each(function(){
    if ($(this).children('div').length <= 6) {
      $(this).children('div').addClass('fullwidth-mobile');
    }
  });

  // Watch for changes on non-mobile nav

  var mainNav = '#nav',
      mobileNav = "#navmobile";

  $(mainNav).on('DOMSubtreeModified propertychange', function() {
    if ($(window).width() < 768) {
      $(mainNav + " li a").each(function(){
        // Differentiating post-load nav elements by the presence of an id
        if ($(this).attr("id")) {
          var navLinkId = $(this).attr("id");
          var navLinkParent = $(this).parent().detach();

          // Append to mobile nav if new element
          if (!$(mobileNav + " #"+navLinkId).length) {
            $(mobileNav + " .wsite-menu-default").append(navLinkParent);
            var newheight = $(mobileNav + " .wsite-menu-default").height();
            $(".wsite-mobile-menu").height(newheight);
          }
        }
      });
    }
  });          

    // Add swipe to fancybox mobile 

    var swipeGallery = function(){
      setTimeout(function(){
      var touchGallery = document.getElementsByClassName("fancybox-wrap")[0];
      var mc = new Hammer(touchGallery);
      mc.on("panleft panright", function(ev) {
        if (ev.type == "panleft") {
          $("a.fancybox-next").trigger("click");
        }
        else if (ev.type == "panright") {
          $("a.fancybox-prev").trigger("click");
        }
        swipeGallery();
      });
      }, 500);
    }
		if ($(window).width() < 1024) {
      $("body").on( "click", "a.w-fancybox", function() {
        swipeGallery();
      });
  	}

  });


});

 
jQuery(document).ready(function() {
  var offset = 200;
  var duration = 500;
  
  jQuery(window).scroll(function() {
	if (jQuery(this).scrollTop() > offset) {
		jQuery('.back-to-top').fadeIn(duration);
	} else {
		jQuery('.back-to-top').fadeOut(duration);
	}
  });

  jQuery('.back-to-top').click(function(event) {
    jQuery('html, body').animate({scrollTop: 0}, duration);
	event.preventDefault();
  });
  
  const url = 'http://macklab.utoronto.ca/3/feed'
  //const textarea = document.getElementById('macklab-news-textarea')
  /*feednami.load(url)
    .then(feed => {
      //textarea.value = ''
      console.log(feed)
      //for(let entry of feed.entries){
      //  textarea.value += `${entry.title}\n${entry.link}\n\n`
      //}
   });*/
   jQuery.get("/3/feed", function(data) {
	    var months = Array("Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec");
		var $XML = $(data);
		var num = 0;
		$XML.find("item").each(function() {
			var $this = $(this),
				item = {
					title:       $this.find("title").text(),
					link:        $this.find("link").text(),
					description: $this.find("description").text(),
					pubDate:     $this.find("pubDate").text()
				};
			var date =  new Date(item.pubDate);
			var datestring = date.getDate()+" "+months[date.getMonth()]+" "+date.getFullYear() 
			nstr = ""
			nstr = nstr+"<div class='news-item'>"
			nstr = nstr+"<span class='news-date'>"+datestring+"</span>"
			nstr = nstr+"<a href='"+item.link+"'>"+item.title+"</a>"
			nstr = nstr+"</div>"
			jQuery('#macklab-news-textarea').append(nstr);
			
			num+=1
			if(num==5){
				return false;
			}
		});
		//endstr = "<a href='http://macklab.utoronto.ca/news.html'>click for more news...</a>"
		//jQuery('#macklab-news-textarea').append(endstr);
	});

});
 


jQuery('a[href*=#nav]').click(function(event){
	var target = jQuery.attr(this,'href').match(/#(.*)/)[0];
    jQuery('html, body').animate({
        scrollTop: jQuery(target).offset().top
	}, 500);
    event.preventDefault();
});