var dataTemplate;
	//行程顯示TEMP
	var dataTempFile = 'system_info/js_template/club_li.html';
	$.when($.get(dataTempFile)).done(function(tmplData) { dataTemplate = $.templates({ tmpl: tmplData }); });  
	
	var $container;
	var loading;
	var noGetInfo = "";
	var showPageNo = "";
	
	var renderTime=200;
	
    $(window).load(function(){
		//用户拖动滚动条，达到底部时ajax加载一次数据
		loading = $("#mloading").data("on", false);//通过给loading这个div增加属性on，来判断执行一次ajax请求
		
		showPageNo = "YES";
		$("#pageNo").val('0');
		$("#pageType").val('down');
		$("#gotoPageNo").val('0');
		$("#showMoreStatus").val('YES');
		
		//載入第一次資料
		$( "#nodataShow" ).hide();
		loading.data("on", true).fadeIn(function() {
			getListCon('down',''); 
		});

	});
	
	$(window).scroll(function(){   
		//判斷整體網頁的高度 var flag = false;  
		var $BodyHeight = $(document).height();   
		//判斷所見範圍的高度   
		var $ViewportHeight=$(window).height();   
		//偵測目前捲軸頂點   
		$ScrollTop=$(this).scrollTop(); 
		
		if(loading.data("on")){ 
			return;
		}else{
			if($ScrollTop > $BodyHeight-$ViewportHeight-$('.wrapper').next().height()){//页面拖到底部了
			  timeoutid = setTimeout(function() {		
				//加载更多数据
				if(!loading.data("on")){ 
					loading.data("on", true).fadeIn(function() {
						getListCon('down',''); 
					});
				}
			   }, 500 );
			}
		
		}
	});
	
	function getListCon(pageType,gotoPageNo) {
		$("#pageType").val(pageType);
		$("#gotoPageNo").val(gotoPageNo);
	
		$.ajax({
			type: "POST",
			url: "ajax/show_club_list.php?PHPSESSID=75bcee901aa64e4773f7fd02d9150943",
			data: $("#sendForm").serialize(),
			dataType: "json",
			cache: false,
			success: function(data) {
				
				$("#searchResult").show();
				$("#totalNumber").html(data['totalCount']);	//總筆數
				$("#topCount").val(data['topCount']);		//總條件數
				
				//正常的資料
				if(data['totalCount'] > 0){
					
					if(data['updatePage'] != "YES"){						
						$.each(data['searchlist'], function(i, val) {
							setTimeout(function(){
								$("#mcontainer").append(dataTemplate.render.tmpl(val));
								
								/**載入瀑布流的效果**/
								new AnimOnScroll( document.getElementById('mcontainer'), {
									minDuration : 0.4,
									maxDuration : 0.6,
									viewportFactor : 0.2
								});
							}, renderTime*i);
						});
						
						$('#pageNo').val(data['pageNo']);
						$('#showMoreStatus').val(data['showMore']);
						
						if(data['showMore'] == "NO"){
							loading.data("on", true);
							loading.fadeOut();
							$("#morebutton").html("");
						}else if(data['showMore'] == "YES"){
							loading.data("on", false);
							loading.fadeOut();
							$("#morebutton").html('<a href="#" title="更多消息" class="moreList" onClick="getListCon(\'down\',\'\');">更多消息</a>');
						}
					}else{
						loading.data("on", true);
						loading.fadeOut();
						$("#morebutton").html("");
					}
					showPageNo = "NO";
				}else{
					loading.data("on", true);
					loading.fadeOut();
					$("#morebutton").html("");
					$( "#nodataShow" ).delay(1000).show(0);
				}
			},
			error: function(msg){
				alert("系統發生錯誤，請稍後再試！");
			}
		});
	}

function chgsorttype1(){
	location.reload();
	$("#type1").prop('class',"a_tab at_active a_tab_m");
	$("#type2").prop('class',"a_tab ");
	$("#type3").prop('class',"a_tab ");
	$("#sorttype").val("1");
}
function chgsorttype2(){
	location.reload();
	$("#type1").prop('class',"a_tab ");
	$("#type2").prop('class',"a_tab at_active a_tab_m");
	$("#type3").prop('class',"a_tab ");
	$("#sorttype").val("2");
}
function chgsorttype3(){
	location.reload();
	$("#type1").prop('class',"a_tab ");
	$("#type2").prop('class',"a_tab ");
	$("#type3").prop('class',"a_tab at_active a_tab_m");
	$("#sorttype").val("3");
}