$(function(){
	// ==========================================================
	// 	您可能需要的商品 slide 設定
	// ==========================================================
	$(".recommend_l").owlCarousel({
		nav : true,
		responsive:{
			0:{
				items : 2
			},
			480:{
				items : 3
			},
			768:{
				items : 4
			},
			960:{
				items : 5
			}
		},
	});

	
	
	
	
	// ==========================================================
	// 	右側固定 slider
	// ==========================================================
    $(".recommend-fixed .slideBox").owlCarousel({
     	autoplay: true,
     	autoplayHoverPause: true,
     	autoplaySpeed: 1500,
     	autoplayTimeout: 5000,
		dots: false,
		items: 1,
		loop: true,
		margin: 10,
		nav: true,
		navText: ['', ''],
	})

     
     
     
     
	// ==========================================================
	//	slide 開關
	// ==========================================================
	let deviceStep = ''
	$('body').on('click', '.recommend-toggle', function(e) {
		$(this).parents('.recommend-fixed').toggleClass('in-active')
	})
	$(window).on('resize', function(e) {
		if($(this).width() > 1200 && deviceStep !== 'desktop') {
			deviceStep = 'desktop'
			$('.recommend-fixed').addClass('in-active')
		} else if($(this).width() <= 1200 && deviceStep !== 'mobile') {
			deviceStep = 'mobile'
			$('.recommend-fixed').removeClass('in-active')
		}
	})

	$(window).trigger('resize')
})