/**
*Album js
*Code by H.Rain
**/
function ImgListView() {
    this.defaultimgurl = "";
    this.pre = "images/";
    this.imglist = "jL1.gif,jL2.gif,jL3.gif,jL4.gif,jL1.gif,jL2.gif,jL3.gif,jL4.gif";
    this.preimg1 = "button_left.gif";
    this.preimg2 = "button_left.gif";
    this.lastimg1 = "button_right.gif";
    this.lastimg2 = "button_right.gif";
    this.iw = 58;
    this.ih = 46;
    this.is = 2;
    this.item = 10;
    this.w = 170;
    this.speed = 100;
}
ImgListView.prototype.GetObjectByID = function(id) {
    var obj = document.getElementById(id);
    return obj;
}
ImgListView.prototype.GetValueByID = function(id, defaultval) {
    var obj = document.getElementById(id);
    if (obj != null) {
        defaultval = obj.value;
    }
    return defaultval;
};
ImgListView.prototype.SetValueByID = function(id, val) {
    var obj = document.getElementById(id);
    if (obj != null) {
        obj.value = val;
    }
};
ImgListView.prototype.CreatePreDt = function() {
    var preDt;
    preDt = document.createElement("dt");
    preDt.id = "pre";
    preDt.style.cursor = "pointer";
    var tl, il, step, box;
    tl = this.GetValueByID("tl", 0);
    il = this.w;
    step = this.item;
    preDt.onclick = function() {
        var box = document.getElementById("box2");
        if (box != null) {
            var ml = parseInt(box.style.marginLeft);
            if ((tl - il + ml) > 0) {
                box.style.marginLeft = (ml - step) + "px";
            }
        }
    }
    var timespan = this.speed;
    var interval = null;
    preDt.onmouseover = function() {
        var bl = false;
        if (!bl) {
            interval = setInterval(preDt.onclick, timespan);
        } else {
            clearInterval(interval);
            interval = null;

        };
    }
    preDt.onmouseout = function() {
        clearInterval(interval);
        interval = null;
    }
    var preimg = document.createElement("img");
    preimg.src = this.preimg1;
    preDt.appendChild(preimg);
    return preDt;
};
ImgListView.prototype.CreateCDd = function() {
    var cDd, box1;
    cDd = document.createElement("dd");
    cDd.id = "imglist";
    box1 = document.createElement("div");
    box1.id = "box1";
    var list, listattr, imgitem, imgsrc;
    list = document.createElement("div");
    list.id = "box2";
    list.style.marginLeft = "0px";
    var arr = this.imglist.split(',');
    var l = arr.length;
    this.SetValueByID("tl", l * this.iw + (2 * l * this.is));
    if (this.imglist != "") {
        for (var i = 0; i < arr.length; i++) {
            imgitem = document.createElement("img");
            imgitem.src = this.pre + arr[i];
            imgitem.width = this.iw;
            imgitem.height = this.ih;
            imgitem.onclick = function() {
                var fimg = document.getElementById("imgflat");
                fimg.src = this.src;
            }
            imgitem.style.cursor = "pointer";
            list.appendChild(imgitem);
        } 
    }
    box1.appendChild(list);
    cDd.appendChild(box1);
    return cDd;
};
ImgListView.prototype.CreateLastDt = function() {
    var lastDt;
    lastDt = document.createElement("dt");
    lastDt.id = "last";
    lastDt.style.cursor = "pointer";
    var tl, il, step, box;
    tl = this.GetValueByID("tl", 0);
    il = this.w;
    step = this.item;
    lastDt.onclick = function() {
        var box = document.getElementById("box2");
        if (box != null) {
            var ml = parseInt(box.style.marginLeft);
            if (ml < 0) {
                box.style.marginLeft = (ml + step) + "px";
            }
        }
    }
    var timespan = this.speed;
    var interval = null;
    lastDt.onmouseover = function() {
        var bl = false;
        if (!bl) {
            interval = setInterval(lastDt.onclick, timespan);
        } else {
            clearInterval(interval);
            interval = null;

        };
    }
    lastDt.onmouseout = function() {
        clearInterval(interval);
        interval = null;
    }
    var preimg = document.createElement("img");
    preimg.src = this.lastimg1;
    lastDt.appendChild(preimg);
    return lastDt;
};