	/*
	 * 前台頁碼製作
	     * page ul need class name pagination
	     * show total div need id datatable_info
	**/
	var Page = {
			page : 1,
			row  : 15,
			cookie_name  : '',
			tag :$.cookie('get_tag'),
			DrawPage:function(total){
				
				var total_page  = Math.ceil(total/Page.row) == 0 ? 1 : Math.ceil(total/Page.row);
		        var span_u      = 0;
				var str = '';  
				
				str += `
						<li class="pagination-control prev">
							<a href="javascript:void(0);" aria-label="上一頁" title="上一頁" class="bt bt-arrow-left c2 pagelink ${(Page.page == 1 ? 'disabled' : '')}" data-p="next">PREV</a>
						</li>
						
						`;
				
		        if(Page.page<=3||total_page<=4){
		        	var t=(total_page<=4)?total_page:4;
		        	for(var i=1;i<=t;i++){
						str += '<li class="pagination-num ' + ((i == Page.page) ? 'current' : '') +'"><a class="pagelink" href="javascript:;" data-p="'+i+'">'+i+'</a></li>';
		        	}
					if (total_page > 4 && total_page != 5) str +='<li class="pagination-num"><a href="javascript:;" class="disabled">...</a></li>';
					if (total_page > 4) str +='<li class="pagination-num" ><a class="pagelink" href="javascript:;" data-p="'+total_page+'">'+total_page+'</a></li>';
		        }else if(Page.page>=4&&(total_page-2)>4&&(total_page-Page.page)>2){
					str +='<li class="pagination-num"><a class="pagelink" href="javascript:;" data-p="1">1</a></li>';
					str +='<li class="pagination-num"><a href="javascript:;" class="disabled">...</a></li>';
					str +='<li class="pagination-num"><a class="pagelink" href="javascript:;" data-p="'+(parseInt(Page.page)-1)+'">'+(parseInt(Page.page)-1)+'</a></li>';
					str +='<li class="pagination-num current"><a class="pagelink" href="javascript:;" data-p="'+Page.page+'">'+Page.page+'</a></li>';
					str +='<li class="pagination-num"><a class="pagelink" href="javascript:;" data-p="'+(parseInt(Page.page)+1)+'">'+(parseInt(Page.page)+1)+'</a></li>';
					str +='<li class="pagination-num"><a href="javascript:;" class="disabled">...</a></li>';
					str +='<li class="pagination-num"><a class="pagelink" href="javascript:;" data-p="'+total_page+'">'+total_page+'</a></li>';
		        }else if((total_page-Page.page)<=2){
					str +='<li class="pagination-num"><a class="pagelink" href="javascript:;" data-p="1">1</a></li>';
					if (total_page != 5) str +='<li class="pagination-num"><a href="javascript:;" class="disabled">...</a></li>';
		        	for(var i=total_page-3;i<=total_page;i++){
						str += '<li class="pagination-num  ' + ((i == Page.page) ? 'current' : '') +'"><a class="pagelink" href="javascript:;" data-p="'+i+'">'+i+'</a></li>';
		        	}
		        }

				str +=`
					<li class="pagination-control next">
						<a href="javascript:void(0);" aria-label="下一頁" title="下一頁"class="bt bt-arrow-right c2 pagelink ${(Page.page == total_page ? 'disabled' : '')}" data-p="last">NEXT</a>
					</li>
				`;
				$('.pagination').html(str);

				$('ul.pagination a.pagelink').click(function(){
		            if ($(this).data('p') == Page.page) return false;
		            switch($(this).data('p')) {
		                case 'next': Page.page = parseInt(Page.page) - 1; break;
		                case 'last': Page.page = parseInt(Page.page) + 1; break;
		                default: Page.page = parseInt($(this).data('p'));
		            }
					
		            if(Page.cookie_name)$.cookie(Page.cookie_name, Page.page, { path: '/' });
		            $.LoadTable();
		        });
			}
	};