// 
// main.js
// 

var $document = $(document);
var $window = $(window);
var $html = $(document.documentElement);
var $body = $(document.body);

var $navbar = $('.navbar');
var $nav = $('.navbar-nav');
var $toggler = $('.navbar-toggler');
var $collapse = $('.navbar-collapse');
var $dropdownShop = $('#dropdown_shop');

$(function(){
	// 展開手機選單
  $toggler.click(function(){
  	$(this).toggleClass('active');
    $collapse.toggleClass('show');

    // hideDropdown();
  })
	
	// dropdown
  // $('.dropdown-toggle').click(function(event) {
  // 	event.preventDefault();
		
		// if(!$(this).parent().hasClass('show')){
		// 	hideDropdown();
		// }

  // 	$(this).parent().toggleClass('show');
  // 	$(this).siblings().toggleClass('show');
  // });

  // SHOP NOW
  // $('.shop-now').click(function(event) {
  // 	event.preventDefault();
  // 	$toggler.toggleClass('active');
  //   $collapse.toggleClass('show');

  //   $dropdownShop.siblings().removeClass('show').find('.dropdown-menu').removeClass('show');
  //   $dropdownShop.toggleClass('show').find('.dropdown-menu').toggleClass('show');
  // });
	
  // 點擊頁面其他位置隱藏次選單
  // $(document).click(function(event) {
  // 	if(!$(event.target).is('.navbar-collapse, .navbar-collapse *, .shop-now, .shop-now *')){
  // 		hideDropdown();
  // 	}
  // });

  // 次選單商品主頁連結
  $('#category_link, .shop-now').attr('href', $('#category_menu a').eq(0).attr('href'));
})

// function hideDropdown(){
// 	$nav.find('.dropdown.show, .dropdown-menu.show').removeClass('show');
// }

// 選單sticky
var currentScrollTop = 0

function onNavScroll(st){
	if(currentScrollTop > $nav.height()){
		$navbar.addClass('is-sticky');
	}else {
		$navbar.removeClass('is-sticky');
	}
}

function setNavInit(){
	currentScrollTop = $window.scrollTop();
	onNavScroll(currentScrollTop);
}

// window事件
$window.on({
	'resize scroll': function(){
		setNavInit();
	}
});

setNavInit();


$(function(){
	// 移動至該section
	$('[data-scroll]').click(function(event) {
	  event.preventDefault();
	  var href = $(this).attr('href');
		var target = '#'+href.split('#')[1];
		var top = 60;
		// if($window.width() > 992) top = 60
	  $('body,html').animate({
	    scrollTop: $(target).offset().top - top
	  }, 600);
	})
})