$(function(){
  //瀑布流
  masonryInit(".grid-container", ".grid-item")
  
  //magazine頂端分類連結 手機展開
  $(document).on("click", ".classify-wrapper", function(e){
    let target = $(this).find(".topbar-title")
    if(!$(e.target).hasClass("slideitem")){
      if (target.hasClass("open")){
        target.removeClass("open")
      }else{
        target.addClass("open")
      }
    }
  })
  
  //影片播放
  $(".video-play").on("click", function(){
    let iframeSrc = $(this).data("iframe-src")
    if(iframeSrc){
      $(this).next(".videobox").find("iframe").prop("src", iframeSrc)
      $(this).hide()
      $(this).next(".videobox").show()
    }
  })
})

function masonryInit(containerClass, itemClass){
  //class需要有帶點 如 ".class"
  var  _grid = $(containerClass).imagesLoaded(function(){
      _grid.masonry({
          itemSelector: itemClass,
          gutter: '.gutter-sizer',
      });
  });
}