﻿
          var pageSize = 20; //假定每页显示20条数据
          var label = document.getElementById("KytjBody");

             // 定时器
            var timeImgDelay;
            // 图像自动浏览时的时间间隔
            var timeImgInterval = 4000;
            // Array对象,存储图像内容
            var imginfo;
            // Array对象,存储图像文本介绍
            var textinfo
            // Array对象,存储图像文本链接
            var linkinfo
            // 当前显示的图像序号
            var imgnum;
            // 图像信息数据表
            var img_dt;
            // 预加载图像信息


            var firstshow = 1; //是否初次加载
            var loadingCount = 2; //后台加载的函数总数
            // loading效果
            AjaxPro.onLoading = function(b) {
                var a1 = document.getElementById("loadinfo");
                var a2 = document.getElementById("overlay");
                var a3 = document.getElementById("Page");
                a2.style.width = document.body.clientWidth + document.body.scrollLeft;
                a2.style.height = document.body.clientHeight + document.body.scrollTop;
                a2.style.top = "0px";
                a2.style.left = "0px";
                if (firstshow == 1) {
                    if (!b) {
                        loadingCount--;
                    }
                    //a2.style.visibility = (loadingCount == 0) ? "hidden" : "visible";
                    a1.style.visibility = (loadingCount == 0) ? "hidden" : "visible";
                    a3.style.visibility = (loadingCount == 0) ? "visible" : "hidden";
                }
                else {
                    a2.style.visibility = b ? "visible" : "hidden";
                    a1.style.visibility = b ? "visible" : "hidden";
                }
                if (a3.style.visibility == "visible") {
                    firstshow = 0;
                }
            }
            
            
            function PreloadImgShow() {
                TRICAAS.ajaxMethod.GetTriKytjSlideShow(img_callback);
            }



            function img_callback(res)
            {
                // 采用同步调用的方式获取图像的信息                
                var img_ds = res.value;
                // 如果返回了结果
                if (img_ds)
                {
                    // 判断数据表是否不为空
                    if (img_ds.Tables[0].Rows.length > 0)
                    {
                        // 返回的图像信息数据表
                        img_dt = img_ds.Tables[0];
                        // 用imginfo对象存储图像信息
                        imginfo = new Array();
                        textinfo= new Array();
                        linkinfo = new Array();
                        // 图片在Photos目录下
                        for (var i = 0; i < img_dt.Rows.length; i++)
                        {
                            imginfo[i] = img_dt.Rows[i].imgUrl;
                            textinfo[i] = img_dt.Rows[i].imgtext;
                            //linkinfo[i] = img_dt.Rows[i].imgLink;
                            
                        }
                        // imagePreload对象用于实现图片的预缓存
                        var imagePreload = new Array();
                        for (var j = 0;j < imginfo.length;j++)
                        {
                            // 通过新建Image对象,并将其src属性指向图片的URL
                            // 显现图片的预缓存
                            imagePreload[j] = new Image();
                            imagePreload[j].src = imginfo[j];
                        }

                        // 初始化一些变量
                        imgnum = -1;
                        //nStatus = 0x09;
                        // 自动播放图像
                       TriSlideShow_Automatic()                
                    }
                    else
                    {
                       document.write("没有图像");
                    }
                    
                }
            }
            
            // 实现图像切换时的效果
            function imginfo_effects()
            {
                // Transition的值为0~23之间的随机数,代表24种切换效果
                // 具体值与效果之间的对应见MSDN
                if(document.all)
                {
                  document.TriSlideShow.filters.revealTrans.Transition = Math.random() * 23;
                  // 应用并播放切换效果
                  document.TriSlideShow.filters.revealTrans.apply();
                  document.TriSlideShow.filters.revealTrans.play();
                }
                
            }
            
            
            function TriSlideShow_Automatic()
            {
                // 当前图像的序号向后移动,如果已经是最后一张,
                // 则切换到第一条图像
                imgnum++;
                imgnum%= imginfo.length;
                
                // 图像的切换效果
                imginfo_effects();
                
                // 将<img>对象的src属性设置为当前num对应的路径
                // 切换图像的显示
                document.TriSlideShow.src = imginfo[imgnum];
                document.TriSlideShow.alt = textinfo[imgnum];
                document.getElementById("titleArea").innerHTML = "<span style='color:Yellow;'>" + textinfo[imgnum] + "</span>";
                timeImgDelay = setTimeout("TriSlideShow_Automatic()",timeImgInterval);                
            }




 // 实现图像切换时的效果
 function imgMain_effects()
 {
     // Transition的值为0~23之间的随机数,代表24种切换效果
     // 具体值与效果之间的对应见MSDN
     if(document.all)
     {
         document.imgMain.filters.revealTrans.Transition = Math.random() * 23;
         // 应用并播放切换效果
         document.imgMain.filters.revealTrans.apply();
         document.imgMain.filters.revealTrans.play();
      }
 }

 function page_callback(res) {

     label.innerHTML = res.value;
 }

 function JumpPage(iSID, page) {
     document.getElementById("tag1").innerHTML = '<a href="javascript:JumpPage(1,1);" >实验室</a>';
     document.getElementById("tag2").innerHTML = '<a href="javascript:JumpPage(2,1);" >大型仪器设备</a>';
     document.getElementById("tag3").innerHTML = '<a href="javascript:JumpPage(3,1);" >基地</a>';
     document.getElementById("tag4").innerHTML = '<a href="javascript:JumpPage(4,1);" >文献资料</a>';
     document.getElementById("tag5").innerHTML = '<a href="javascript:JumpPage(5,1);" >环境</a>';
     imgMain_effects();
     switch (iSID) {
         case 1:
             document.imgMain.src = '/tjjs/images/kytjlist.jpg';
             document.getElementById("Title").innerHTML = '<img src="/images/arrow1.gif" alt="" />&nbsp;&nbsp;实验室';
             document.getElementById("tag1").innerHTML = '<span>实验室</span>';
             break;
         case 2:
             document.imgMain.src = '/tjjs/images/kytjlist.jpg';
             document.getElementById("Title").innerHTML = '<img src="/images/arrow1.gif" alt="" />&nbsp;&nbsp;大型仪器设备';
             document.getElementById("tag2").innerHTML = '<span>大型仪器设备</span>';
             break;
         case 3:
             document.imgMain.src = '/tjjs/images/kytjlist.jpg';
             document.getElementById("Title").innerHTML = '<img src="/images/arrow1.gif" alt="" />&nbsp;&nbsp;基地';
             document.getElementById("tag3").innerHTML = '<span>基地</span>';
             break;
         case 4:
             document.imgMain.src = '/tjjs/images/kytjlist.jpg';
             document.getElementById("Title").innerHTML = '<img src="/images/arrow1.gif" alt="" />&nbsp;&nbsp;文献资料';
             document.getElementById("tag4").innerHTML = '<span>文献资料</span>';
             break;
         case 5:
             document.imgMain.src = '/tjjs/images/kytjlist.jpg';
             document.getElementById("Title").innerHTML = '<img src="/images/arrow1.gif" alt="" />&nbsp;&nbsp;环境';
             document.getElementById("tag5").innerHTML = '<span>环境</span>';
             break;
     }
     TRICAAS.ajaxMethod.GetKytjString(iSID, parseInt(page), parseInt(pageSize), page_callback);


 }

// 实现DIV切换时的效果
function diveffect()
{
   // Transition的值为0~23之间的随机数,代表24种切换效果
   // 具体值与效果之间的对应见MSDN
   if(document.all)
   {
      //document.getElementById("TriIntro").filters.revealTrans.Transition = Math.random() * 23;
      // 应用并播放切换效果
       label.filters.revealTrans.apply();
       label.filters.revealTrans.play();
   }

}

Request = {
    QueryString: function(item) {
        var svalue = location.search.match(new RegExp("[\?\&]" + item + "=([^\&]*)(\&?)", "i"));
        return svalue ? svalue[1] : svalue;
    }
}


function GetLoadInfo() {
    if (window.parent.location.search.indexOf('categoryid') < 0) {
        JumpPage(1, 1);
    }
    else {
        var num = parseInt(Request.QueryString('categoryid'));
        if (isNaN(num)) {
            JumpPage(1, 1);
        }
        else {
            JumpPage(num, 1);
        }
    }
}

 
 window.onload =function(){GetLoadInfo();PreloadImgShow();} 
