$(function(){
	function initTablePage(pageSize){
		var allProduct = $('#tbl_product tr.hide');
		var recordCount = allProduct.length;
		var pageCount = Math.floor(recordCount/pageSize);
		var pagelink = '<div id="pagelink" style="text-align:center;">';
		for(var i=0;i<=pageCount;i++){
			pagelink += ' <span style="cursor:pointer;" title="'+(i+1)+'">['+(i+1)+']</span> ';
		}
		pagelink += '</div>';
		$(pagelink).insertAfter($('#tbl_product'));
		allProduct.slice(0,pageSize).show();
		
		$('#pagelink span').click(function(){
			var absolutePage = $(this).attr('title');	
			allProduct.hide();
			var startPos = (absolutePage-1)*pageSize;
			allProduct.slice(startPos,startPos+pageSize).show();
	
		});
		
		$('#search').keyup(function(){			
			var keyword = new RegExp($('#search').val(),"ig");
			if (keyword==='') {
				allProduct.slice(0,pageSize).show();
			} else {
				allProduct.hide();
				allProduct.map(function(pro){
					var proname = $(allProduct[pro]).children('.taig:eq(0)').html();
					if( keyword.test(proname) )
						 $(allProduct[pro]).show();
				});
			}
	
		});
	}
	initTablePage(35);
})