if(!jsonrpc){
    var jsonrpc = new JSONRpcClient("/cc/JSON-RPC");
}
var hisAmount = 10;

function addHistory() {
    addHistoryIntoCookie(pageUrl, pageTitle, imageUrl);
}

function loadHistoryFromCookie() {
    var hisStr = getCookie("accessHis");
    if(hisStr != null && hisStr != "") {
        var strArray = hisStr.split("#");
        var objArray = [];
        for(var i=0; i<strArray.length; i++) {
            var objStr = strArray[i].split("$");
            objArray[objArray.length] = {pageUrl: objStr[0], pageTitle: objStr[1], imageUrl: objStr[2]};
        }
        return objArray;
    }
    else
        return [];
}

function addHistoryIntoCookie(pageUrl, pageTitle, imageUrl) {
    var objs = loadHistoryFromCookie();
    for(var i=0; i<objs.length; i++) {
        if(pageUrl == objs[i].pageUrl)
            return;
    }
    if(objs.length == hisAmount) {
        for(i=0; i<objs.length - 1; i++)
            objs[i] = objs[i + 1];
        objs[objs.length - 1] = {pageUrl: pageUrl, pageTitle: pageTitle, imageUrl: imageUrl};
            
    } else {
        objs[objs.length] = {pageUrl: pageUrl, pageTitle: pageTitle, imageUrl: imageUrl};
    }
    var hisStr = "";
    for(var j=0; j<objs.length; j++) {
        hisStr += objs[j].pageUrl + "$" + objs[j].pageTitle + "$" + objs[j].imageUrl;
        if(j < objs.length - 1)
            hisStr += "#";
    }
    setCookie("accessHis", hisStr);
}

function clearAccHis() {
    delCookie("accessHis");
    hisArray = [];
}

function accHisInit(menu, index, panel) {

    var i18nInfo = {
        "zh-cn": {
            i18n_ahis_explan: "按浏览顺序记录下您所浏览过的页面信息，点击下面按钮清空记录",
            clearAccHis: "清空浏览痕迹"
        },
        "en": {
            i18n_ahis_explan: "The Web pages you have browsed are listed here. Click \"delete\" to clear the viewing history.",
            clearAccHis: "delete"
        }
    };
    var i18n = new dpm_i18n();
    i18n.newTextObj(i18nInfo);
    i18n.fillText();
    document.getElementById("clearAccHis").onclick = function() {
        clearAccHis();
        accHisRefresh(menu, index, panel);
    }
}

function accHisRefresh(menu, index, panel) {
    var userInfo = getUserInfo();
    var tb = document.getElementById("accHisTable");
    var hisArray = loadHistoryFromCookie();
    for(var i = tb.rows.length - 1; i >= 0; i--)
    	 tb.deleteRow(i);
    var hisIndex = 0;
    for(var j=0; j<2; j++) {
        var imgTr = tb.insertRow(-1);
        var titleTr = tb.insertRow(-1);
        for(var k=0; k<hisAmount/2; k++) {
            //var imgTd = document.createElement("<td>");
            var imgTd = document.createElement("td");
            imgTd.width = 130;
            imgTd.align = "center";
            //var titleTd = document.createElement("<td>");
            var titleTd = document.createElement("td");
            titleTd.width = 130;
            titleTd.align = "center";
            //var titleSpan = document.createElement("<span>");
            var titleSpan = document.createElement("span");
            hisIndex = hisArray.length - (j*hisAmount/2 + k) - 1;
            if (hisArray[hisIndex] != null) {
                //var imgLink = document.createElement("<a>");
                var imgLink = document.createElement("a");
                imgLink.target = "_blank";
                imgLink.href = hisArray[hisIndex].pageUrl;
                var imageUrlResult = null;
                if (hisArray[hisIndex].imageUrl == null || hisArray[hisIndex].imageUrl == "") {
                    //imgTd.appendChild(document.createElement("<br>"));
                    imgTd.appendChild(document.createElement("br"));
                    if(userInfo.langId == "en") {
                        imageUrlResult = "/files/member/favorite/image/defaultImage_en.jpg";
                    } else {
                        imageUrlResult = "/files/member/favorite/image/defaultImage.jpg";
                    }
                } else {
                    imageUrlResult = hisArray[hisIndex].imageUrl;
                }
                //var img = document.createElement("<img>");
                var img = document.createElement("img");
                img.src = imageUrlResult;
                imgLink.appendChild(img);
                //var imgDiv = document.createElement("<div>");
                var imgDiv = document.createElement("div");
                imgDiv.className = "hisDiv";
                imgDiv.appendChild(imgLink);
                imgTd.appendChild(imgDiv);
                titleSpan.innerHTML = hisArray[hisIndex].pageTitle;
                //var titleLink = document.createElement("<a>");
                var titleLink = document.createElement("a");
                titleLink.target = "_blank";
                titleLink.href = hisArray[hisIndex].pageUrl;
                titleLink.appendChild(titleSpan);
                titleTd.appendChild(titleLink);
            } else {
                //var imageSpan = document.createElement("<span>");
                var imageSpan = document.createElement("span");
                imageSpan.innerHTML  = "&nbsp;";
                imgTd.appendChild(imageSpan);
                titleSpan.innerHTML = "&nbsp;";
                titleTd.appendChild(titleSpan);
            }
            imgTr.appendChild(imgTd);
            titleTr.appendChild(titleTd);
        }
    }
    
}