$(function(){
	function ajax_titbit(id, cid){
		$.post('/about/ajax/ajax_get_titbit_content-p.php', {ID: id, Titbit_Class_ID: cid}, function(h){
			$("#box_titbit_title").html(h.title);
			$("#box_titbit_content").html(h.Content);

			$("#view_titbit_next").attr('did', h.rid);
			$("#view_titbit_prev").attr('did', h.lid);
			
			$("#view_titbit_next").attr('cid', h.cid);
			$("#view_titbit_prev").attr('cid', h.cid);
			console.log(h)
			
			if(h.rid === id) {
				$("#view_titbit_next").addClass('hide')
			} else {
				$("#view_titbit_next").removeClass('hide')
			}

			if(h.lid === id) {
				$("#view_titbit_prev").addClass('hide')
			} else {
				$("#view_titbit_prev").removeClass('hide')
			}
		}, 'json');
		
		// $('.popupbox').removeClass('hide')
	}



	
	
	
	
	// ==========================================================
	// 	花絮跳窗、切換功能
	// ==========================================================
	$('.popupbox').on('click', function(e) {
		if(e.target === e.currentTarget || $(e.target).hasClass('close')) {
			$('.popupbox').addClass('hide')
		}
	});
	
	$('.view_titbit_item').on('click', '.view_titbit_bt', function(e) {
		var cid = $(this).attr('cid');
		var id = $(this).attr('did');
		ajax_titbit(id, cid);
	});
	
	$('.modal-wrapper').on('click', '.view_titbit_next, .view_titbit_prev', function(e) {
		var cid = $(this).attr('cid');
		var id = $(this).attr('did');

		ajax_titbit(id, cid);
	});
});