$(function(){
	function iframeRatio() {
		let editorWidth = $('#box_popup_content').width();
		$('#box_popup_content iframe').css({
			height: editorWidth * 9 / 16,
			width: editorWidth,
		});
	}
	function ajax_titbit(prod_no,serial_no){
		$.post('/hk/products/ajax/ajax_get_popup_content-p.php', {prod_no: prod_no, serial_no: serial_no}, function(h){
			$("#box_popup_title").html(h.title);
			$("#box_popup_content").html(h.Content);
			iframeRatio();
		}, 'json');

		$('.popupbox').css('display','');
	}

	$('.popupbox').on('click', '.close', function(event) {
		$('.popupbox').css('display','none');
	});


	$('#Main_Content, .content, .sale, #Main_Form').on('click', '.sale-open-tag', function(event) {
		if($(this).attr('href') === 'javascript:;') {
			event.preventDefault();
			var prod_no = $(this).attr('prod_no');
			var serial_no = $(this).attr('serial_no');
			ajax_titbit(prod_no, serial_no);
		}
	});
	$(window).on('resize', function() {
		iframeRatio();
	})
});





// ==========================================================
//  顏色挑選區塊開關
// ==========================================================
;(function($) {
    $('body').on('click', '.toggle-item', function(e) {
      $(this).parents('.prod-colors').toggleClass('in-full');
    })
})($)