function $(obj){return document.getElementById(obj)}

var THUMBIMAGECOUNT = 3;
var bcurPage = Math.floor(bcurrentSmallImgIndex / THUMBIMAGECOUNT);
function bnextPic2() {
    if (bcurPage * THUMBIMAGECOUNT >= bimgs.picCount() || bcurPage < 0) {
        return;
    }
    bcurPage++;
    bResetSmallImage();
}
function bprePic2() {
    if (bcurPage * THUMBIMAGECOUNT >= bimgs.picCount() || bcurPage < 0) {
        return;
    }
    bcurPage--;
    bResetSmallImage();
}
function bResetSmallImage() 
{
//debugger;
    if (bcurPage * THUMBIMAGECOUNT >= bimgs.picCount() || bcurPage < 0) {
        return;
    }
    var bfromIndex = bcurPage * THUMBIMAGECOUNT + 1;
    var btoIndex = (bcurPage + 1) * THUMBIMAGECOUNT;
    btoIndex = btoIndex < bimgs.picCount() ? btoIndex : bimgs.picCount();
    $("bpicIndexFrom").innerHTML = bfromIndex;//显示下面一组图片的页数范围的第一个数子
    $("bpicIndexTo").innerHTML = btoIndex;//显示下面一组图片的页数范围的最后一个数子
    if(bimgs.get(bfromIndex - 1)!=null)
    {
        $("BottomList1").style.display="block";
        $("BottomList1").src = bimgs.get(bfromIndex - 1).smallpic;//显示的三张图片的第一张图片
        $("BottomList1").alt = bimgs.get(bfromIndex - 1).name+" 鼠标移动放大";//显示的三张图片的第一张图片的alt名称 
        $("BottomList1Name").innerHTML = bimgs.get(bfromIndex - 1).name;//显示的三张图片的第一张图片的名称
        $("BottomList1Name").title = bimgs.get(bfromIndex - 1).name+" 鼠标移动放大";//显示的三张图片的第一张图片的名称
    }
    else
    {
        $("BottomList1").style.display="none";
        $("BottomList1Name").innerHTML = "";//显示的三张图片的第一张图片的名称
    }
    if(bimgs.get(bfromIndex)!=null)
    {
        $("BottomList2").style.display="block";
        $("BottomList2").src = bimgs.get(bfromIndex).smallpic;//显示的三张图片的第二张图片
        $("BottomList2").alt = bimgs.get(bfromIndex).name+" 鼠标移动放大";//显示的三张图片的第二张图片的alt名称
        $("BottomList2Name").innerHTML = bimgs.get(bfromIndex).name;//显示的三张图片的第一张图片的名称
        $("BottomList2Name").title = bimgs.get(bfromIndex).name+" 鼠标移动放大";//显示的三张图片的第一张图片的名称
    }
    else
    {
        $("BottomList2").style.display="none";
        $("BottomList2Name").innerHTML = "";//显示的三张图片的第一张图片的名称
    }
    if(bimgs.get(bfromIndex + 1)!=null)
    {
        $("BottomList3").style.display="block";
        $("BottomList3").src = bimgs.get(bfromIndex + 1).smallpic;//显示的三张图片的第三张图片
        $("BottomList3").alt = bimgs.get(bfromIndex + 1).name+" 鼠标移动放大";//显示的三张图片的第三张图片的alt名称
        $("BottomList3Name").innerHTML = bimgs.get(bfromIndex + 1).name;//显示的三张图片的第一张图片的名称
        $("BottomList3Name").title = bimgs.get(bfromIndex + 1).name+" 鼠标移动放大";//显示的三张图片的第一张图片的名称
    }
    else
    {
        $("BottomList3").style.display="none";
        $("BottomList3Name").innerHTML = "";//显示的三张图片的第一张图片的名称
    }

    for (var i = 1; i <= THUMBIMAGECOUNT; i++) {
        if (bcurrentSmallImgIndex + 1 == bfromIndex + i - 1)
            $("BottomList" + i).parentNode.parentNode.className = "current";
        else
            $("BottomList" + i).parentNode.parentNode.className = "";
    }
    if (bfromIndex == 1)
        $("bpreli2").style.visibility = "hidden";//向左滑动按钮
    else
        $("bpreli2").style.visibility = "visible";
    if (btoIndex >= bimgs.picCount())
        $("bnextli2").style.visibility = "hidden";//向右滑动按钮
    else
        $("bnextli2").style.visibility = "visible";
}
function bImgItem() {
    this.title = "";
    this.url = "";
    this.pic = "";
    this.smallpic = "";
    this.memo = "";
    this.width = 0;
    this.height = 0;
}
bImgItem.prototype = {
    toImgHTML: function() {
    },
    toAHTML: function() {
    }
}
function bImgItems() {
    this.bImgs = new Array();
    this.add = addImg;
    this.get = getImg;
    this.picCount = picCount;
    this.toLiHtml = toLiHtml;
    this.doDivHtml = doDivHtml;
    function addImg(item) {
        this.bImgs[this.bImgs.length] = item;
    }
    function getImg(i) {
        if (i < this.bImgs.length)
            return this.bImgs[i];
        else
            return null;
    }
    function picCount() {
        return this.bImgs.length;
    }
    function toLiHtml() {
    }
    function doDivHtml() {
    }
}

//点击第一张图片时触发的事件
function BottomList1Click()
{
//debugger;
    if (bcurPage * THUMBIMAGECOUNT >= bimgs.picCount() || bcurPage < 0) {
        return;
    }
    var bfromIndex = bcurPage * THUMBIMAGECOUNT + 1;
    var btoIndex = (bcurPage + 1) * THUMBIMAGECOUNT;
    btoIndex = btoIndex < bimgs.picCount() ? btoIndex : bimgs.picCount();
    if(bimgs.get(bfromIndex - 1) != null)
    {
        var picSize= bimgs.get(bfromIndex - 1).size;
        $("bigImage").src= bimgs.get(bfromIndex - 1).url;
//        $("aDirect").href= bimgs.get(bfromIndex - 1).herf;
//        $("defaultText").href= bimgs.get(bfromIndex - 1).herf;
        $("defaultText").innerHTML = bimgs.get(bfromIndex - 1).name+" 鼠标移动查看大图";
        $("defaultText").title = bimgs.get(bfromIndex - 1).name+" 鼠标移动查看大图";
        $("bigImage").alt = bimgs.get(bfromIndex - 1).name+" 鼠标移动查看大图";
        $("bigpic").src= bimgs.get(bfromIndex - 1).url;
        loadaction(picSize);
    }
}
function BottomList2Click()
{
//debugger;
    if (bcurPage * THUMBIMAGECOUNT >= bimgs.picCount() || bcurPage < 0) {
        return;
    }
    var bfromIndex = bcurPage * THUMBIMAGECOUNT + 1;
    var btoIndex = (bcurPage + 1) * THUMBIMAGECOUNT;
    btoIndex = btoIndex < bimgs.picCount() ? btoIndex : bimgs.picCount();
    if(bimgs.get(bfromIndex) != null)
    {
        var picSize= bimgs.get(bfromIndex).size;
        $("bigImage").src= bimgs.get(bfromIndex).url;
//        $("aDirect").href= bimgs.get(bfromIndex).herf;
//        $("defaultText").href= bimgs.get(bfromIndex).herf;
        $("defaultText").innerHTML = bimgs.get(bfromIndex).name+" 鼠标移动查看大图";
        $("defaultText").title = bimgs.get(bfromIndex).name+" 鼠标移动查看大图";
        $("bigImage").alt = bimgs.get(bfromIndex).name+" 鼠标移动放大图片";
        $("bigpic").src= bimgs.get(bfromIndex).url;
        loadaction(picSize);
    }
}
function BottomList3Click()
{
    if (bcurPage * THUMBIMAGECOUNT >= bimgs.picCount() || bcurPage < 0) {
        return;
    }
    var bfromIndex = bcurPage * THUMBIMAGECOUNT + 1;
    var btoIndex = (bcurPage + 1) * THUMBIMAGECOUNT;
    btoIndex = btoIndex < bimgs.picCount() ? btoIndex : bimgs.picCount();
    if(bimgs.get(bfromIndex + 1) != null)
    {
        var picSize= bimgs.get(bfromIndex + 1).size;
        $("bigImage").src= bimgs.get(bfromIndex + 1).url;
//        $("aDirect").href= bimgs.get(bfromIndex + 1).herf;
//        $("defaultText").href= bimgs.get(bfromIndex + 1).herf;
        $("defaultText").innerHTML = bimgs.get(bfromIndex + 1).name+" 鼠标移动查看大图";
        $("defaultText").title = bimgs.get(bfromIndex + 1).name+" 鼠标移动查看大图";
        $("bigImage").alt = bimgs.get(bfromIndex + 1).name+" 鼠标移动查看大图";
        $("bigpic").src= bimgs.get(bfromIndex + 1).url;
        loadaction(picSize);
    }
}