var ScrollPageIndex = 1;//当前滚动的页码
var TotalPageCount=0;//滚动状态下总的页数
var ScrollPageSize = 30;//每次滚动事件得到的图片数量
var ScrollPageSizeMultiple=6;
var scrollAddData = 1;//滚动状态下 图片是否已加载完成
var scrollRemainHeight=1600;

//切换
$(function(){
$("#btn_ScrollShow").click(function(){
    if($("#btn_ScrollShow").hasClass("pageWindow"))// 滚屏 --> 翻页
    {         
        isScroll = "0";
        //重置页图片数      
         if( document.getElementById("pageImg")){
          $("#pageImg").attr("style","position:static;top:0;");
         selectPage.newData(PageSizeNew); }
        
        $("#btn_ScrollShow").removeClass("pageWindow");
        $("#btn_ScrollShow").addClass("scrollWindow");
        $("#btn_ScrollShow").text("滚屏显示");          
        SearchData ="q="+encodeURI(Params)+"&Fr="+Fr+"&CEFlag="+CEFlag+"&size="+size+"&sortFlag="+SortFlag+"&isScroll="+isScroll;
        qj.removeEvent(window,"onscroll",ScrollHandler); 
       
    }
    else  if($("#btn_ScrollShow").hasClass("scrollWindow"))//  翻页--> 滚屏
    {        
        isScroll = "1";
        scrollIndex=1;
        
        if( document.getElementById("pageImg"))  $("#pageImg").attr("style","position:absolute;top:-999em;left:0");       
        $("#btn_ScrollShow").removeClass("scrollWindow");
        $("#btn_ScrollShow").addClass("pageWindow");   
        $("#btn_ScrollShow").text("翻页显示");                            
        SearchData ="q="+encodeURI(Params)+"&Fr="+Fr+"&CEFlag="+CEFlag+"&size="+size+"&sortFlag="+SortFlag+"&isScroll="+isScroll;         
        qj.addEvent(window,"onscroll",ScrollHandler);        
    }
     AjaxSubmit();
})
})
//滚屏事件
var ScrollHandler = function(){
    var pageH = pageHeight();//页面总高度
    var scrY = scrollY();//卷去的高度
    var winHeight = windowHeight();//页面可用高度
    var last = pageH-scrY-winHeight;//未展示的剩余高度   
 
    
    if(last<scrollRemainHeight && scrollAddData == 1)
    {
        addScrollData();
    }
    else
    {
        return false;
    }
}
//滚屏
function addScrollData(){
  
     ScrollPageIndex++; 
    if(ScrollPageIndex > TotalPageCount) return false;   
        scrollAddData=0;       
     //还需要得到共有多少页
        SearchData ="q="+encodeURI(ResetlinkParameter(Params,ScrollPageIndex,6) )+"&Fr="+Fr+"&CEFlag="+CEFlag+"&size="+size+"&sortFlag="+SortFlag+"&isScroll="+isScroll;
        AjaxSubmitScroll();

}
//提交AJAX请求 滚屏
function AjaxSubmitScroll()
{   
    var tempHtml = GetTempHtml();  
    $("#ulImgHolder").append(tempHtml); 
    scrollAddData = 1 ;
    var tempIndex = ScrollPageIndex;//防止异步操作过程中 变量发生改变
    $.ajax({
               type: "GET",
               url: "GetImageScroll.ashx",               
               data:SearchData,
               cache: false,
               success: function(msg){          
                  
            //卸载部分数据
           
                if(tempIndex>16){
                var pageHeightBefore = pageHeight();     
                var scrollHeight =   scrollY();   
                var liClassDeletedInt = tempIndex-16;
                var liClassDeletedStr = "."+liClassDeletedInt;
                $("#ulImgHolder li").remove(liClassDeletedStr); 
                var pageHeightAfter = pageHeight();                
                var pageSkip = pageHeightBefore - pageHeightAfter;
                window.scrollTo(0,scrollHeight-pageSkip);//防止跳动
                }
                
                
               $("#temp"+tempIndex).before(msg); 
               $("#ulImgHolder li").remove(".tempClass"+tempIndex);
                ShowTooltip();
                FavFunction();
                },	           	          
               error:function(){	                    
                   alert("您访问的页面出现问题，请稍候再试");	           
               }                   
         });
}
function GetTempHtml()
{
    var tempHtml="<li id=\"temp"+ScrollPageIndex+"\"  class=\"tempClass"+ScrollPageIndex+"\"><span class=\"img\"><a href=\"javascript:void(0);\"><img src=\"/image/frameSet/wait.gif\"></a></span><span class=\"id\"></span></li>";
    var tempHtmlSingle="<li class=\"tempClass"+ScrollPageIndex+"\"><span class=\"img\"><a href=\"javascript:void(0);\"><img src=\"/image/frameSet/wait.gif\"></a></span><span class=\"id\"></span></li>";
    
    for(var i=1;i<ScrollPageSize;i++)
    {
    tempHtml+=tempHtmlSingle;
    }
    return tempHtml;
}


//页面高度
function pageHeight()
{
var de =  document.documentElement;
 return (de && de.scrollHeight) || document.body.scrollHeight;
//return document.body.scrollHeight;
}
//获取浏览器垂直滚动位置
function scrollY()    
{
var de =  document.documentElement;
return self.pageYOffset||(de && de.scrollTop) || document.body.scrollTop;
}
//获取视口的高度
function windowHeight()
{
 var de =  document.documentElement;
 return self.innerHeight||(de && de.clientHeight)||document.body.clientHeight;
}