/********************************************
*vie_height			:標籤顯示高度
*vie_width			:標籤顯示寬度
*body_height		:資料高度
*loading_box		:載入資料的標籤
*loading_distance	:scroll剩餘高度載入
*page_num			:載入及筆資料
*url				:ajax位置
*data				:ajax資料
***********************************************/
jQuery.fn.extend ({	
	Scroll_Data: function(option){
		this.each(function(){	
			var settings = {loading_box : "#orders_box #show_data",
							loading_distance : 100,
							page_num : 10,
							url : "",
							data : ""
						   };
			$.extend(settings, option);
			var $this_ = $(this);
			var detmp = 0;
			
			$("body").prepend('<input type="hidden" id="page" name="page" value="2" />');
      $("body").addClass("Scroll_Data")
			$this_.scroll(function(){
				var vie_height = document.documentElement.clientHeight ;
				var vie_width = document.documentElement.clientWidth ;
				var body_height = $(document).height() ;
				if( vie_height + $(this).scrollTop() > body_height - settings.loading_distance && detmp == 0 && $("body").hasClass("Scroll_Data")){//修改100的值就好,scroll距離底部的距離
					//這邊執行ajax   把要載入的資料串成字串
					//$(settings.loading_box).after("<div id='loader_img' style='text-align:center; width:100%;'><img src='/images/ajax-loader.gif' align='absmiddle'></div>");
					//return false;
					detmp = 1 ;
					$.ajax({
						url:	settings.url,
						type:	"POST",
						data:	settings.data+"&page="+$("#page").val(),
						dataType:"html" ,
						async:true,
						error:function(d){
							alert('網路連線過慢，網頁請重新整理');
						},
						success:function(h){
							if( h.length > 0 ){
								$(settings.loading_box).append( h );
								$("#page").val(parseInt($("#page").val())+1);
								detmp = 0 ;
							}else{
								detmp = 99 ;
							}
						}
					});
				}
			});
			
			$.fn.Scroll_Data.destroy = function(){
        $("body").removeClass("Scroll_Data")
				settings.loading_distance = -1;
			}
		});		
	}
});