window.onload = onloadMethod;

// 放置ul的容器ID（添加分类链接用）
var listID = "navcontainer"
// 画面最外层DIV的ID（添加阴影层用）
var containerID = "container"

var footerID = "footer"
// 域名转向链接
var rootPath = getUrlRoot();
var chinese = "cn"
var japanese = "jp"

//获得当前根目录
function getUrlRoot(){
    var lastNode=-1;
    var urlHref = window.location.href;
    var hrefArr = urlHref.split("/");
    for (i = hrefArr.length-1; i >=0; i--) {
        if(hrefArr[i]=="cn" ||hrefArr[i]=="jp"){
            lastNode = i;
            break;
        }
    }
    if(lastNode==-1){
        return urlHref;
    }else{
        var url="",i=0;
        while(i<lastNode){
            url += hrefArr[i]+"/";
            i++
        }
        return url.substring(0,url.length-1)
    }
}

// 画面载入时的方法
function onloadMethod() {
    setBeianNO();
    setlist();
    setBackground();
    languageBox();
}

// 得到分类链接数据(JSON)
function getlist() {
    var ulData;
    ulData = {
        gongsijianjie : {
            isNode : true,
            rootNode : 1,
            cnname : "公司介绍",
            janame : "会社概要",
            link : "hsgy/hsgy/message.html"
        },
        zongjinglizhici : {
            isNode : false,
            rootNode : 1,
            cnname : "总经理致辞",
            janame : "社長メッセージ",
            link : "hsgy/hsgy/message.html"
        },
        gongsigaiyao : {
            isNode : false,
            rootNode : 1,
            cnname : "公司概要",
            janame : "会社概要",
            link : "hsgy/hsgy/hsgy.html"
        },
        gongsiyange : {
            isNode : false,
            rootNode : 1,
            cnname : "公司沿革",
            janame : "会社沿革",
            link : "hsgy/hsgy/history.html"
        },
        gongsiyeji : {
            isNode : true,
            rootNode : 2,
            cnname : "业务内容",
            janame : "事業内容",
            link : "gncp/index.html"
        },
        gongsiyejiTese : {
            isNode : false,
            rootNode : 2,
            cnname : "优势特色",
            janame : "遠東の強み",
            link : "gncp/gncp/tese.html"
        },
        gongsiyejiJP : {
            isNode : false,
            rootNode : 2,
            cnname : "成果展示",
            janame : "開発実績 ",
            link : "gncp/gncp/devp.html"
        },
        gongsiyejiAnquan : {
            isNode : false,
            rootNode : 2,
            cnname : "信息安全",
            janame : "情報セキュリティ",
            link : "gncp/gncp/anquan.html"
        },
        zhaopinxinxi : {
            isNode : true,
            rootNode : 3,
            cnname : "招聘信息",
            janame : "採用情報",
            link : "guyo/guyo/fresh.html"
        },
        yingjiezhaopin : {
            isNode : false,
            rootNode : 3,
            cnname : "应届招聘",
            janame : "新卒採用",
            link : "guyo/guyo/fresh.html"
        },
        jingyanzhezhaopin : {
            isNode : false,
            rootNode : 3,
            cnname : "经验者招聘",
            janame : "中途採用",
            link : "guyo/guyo/old.html"
        },
        gongsiditu : {
            isNode : true,
            rootNode : 4,
            cnname : "公司地图",
            janame : "会社地図",
            link : "map/map/map-dl.html"
        },
        dalian : {
            isNode : false,
            rootNode : 4,
            cnname : "大连",
            janame : "大連本社",
            link : "map/map/map-dl.html"
        },
        ribenfengongsi : {
            isNode : false,
            rootNode : 4,
            cnname : "日本分公司",
            janame : "(株)遠東システム",
            link : "map/map/map-jp.html"
        },
        link : {
            isNode : true,
            rootNode : 5,
            cnname : "LINK",
            janame : "リンク",
            link : "link/link.html"
        }
    };
    return ulData;
}

// 得到"公司沿革"数据(JSON)
function getHistoryTableList(){
    var ulData;
    ulData={
        198904:{
            DateCN:"1989年04月",
            DateJP:"1989年04月",
            HistoryCN:"公司成立、注册资金３，０００万日元",
            HistoryJP:"会社設立、資本金３，０００万円",
            linknameCN:"大连市长出席照片",
            linknameJP:"大連市長出席写真",
            linkpath:"/images/kaiye_1.jpg"
        },
        199005:{
            DateCN:"1990年05月",
            DateJP:"1990年05月",
            HistoryCN:"开始向東和システム公司派遣研修生",
            HistoryJP:"東和システム会社へ研修生派遣開始",
            linknameCN:"",
            linknameJP:"",
            linkpath:""

        },
        199204:{
            DateCN:"1992年04月",
            DateJP:"1992年04月",
            HistoryCN:"在东京成立日本分公司遠東システム",
            HistoryJP:"東京に株式会社遠東システム（支社）開設",
            linknameCN:"",
            linknameJP:"",
            linkpath:""

        },
        19930201:{
            DateCN:"1993年02月",
            DateJP:"1993年02月",
            HistoryCN:"注册资金增加到４，５００万日元",
            HistoryJP:"資本金を４，５００万円に増資",
            linknameCN:"",
            linknameJP:"",
            linkpath:""

        },
        19930202:{
            DateCN:"1993年02月",
            DateJP:"1993年02月",
            HistoryCN:"为大连开发区养老保险公司开发软件系统",
            HistoryJP:"大連開発区養老保険公司にシステム提供",
            linknameCN:"",
            linknameJP:"",
            linkpath:""

        },
        199303:{
            DateCN:"1993年03月",
            DateJP:"1993年03月",
            HistoryCN:"远东科贸有限公司成立",
            HistoryJP:"遠東科貿有限公司開設",
            linknameCN:"",
            linknameJP:"",
            linkpath:""

        },
        199311:{
            DateCN:"1993年11月",
            DateJP:"1993年11月",
            HistoryCN:"为中国人民银行深圳分行开发软件系统",
            HistoryJP:"中国人民銀行深せん支店にシステム提供",
            linknameCN:"",
            linknameJP:"",
            linkpath:""

        },
        199506:{
            DateCN:"1995年06月",
            DateJP:"1995年06月",
            HistoryCN:"为大连市地税局开发软件系统",
            HistoryJP:"大連地方税務局にシステム提供",
            linknameCN:"软件鉴定会照片",
            linknameJP:"システム検証会写真",
            linkpath:"/images/dishui.jpg"

        },
        //199606:{
        //    DateCN:"1996年06月",
        //    DateJP:"1996年06月",
        //    HistoryCN:"与日本野村综合研究所开展合作",
        //    HistoryJP:"野村総合研究所と提携",
        //    linknameCN:"",
        //    linknameJP:"",
        //    linkpath:""
	//
        //},
        199608:{
            DateCN:"1996年08月",
            DateJP:"1996年08月",
            HistoryCN:"为河北省地税局开发软件系统",
            HistoryJP:"河北省地方税務局にシステム提供",
            linknameCN:"",
            linknameJP:"",
            linkpath:""

        },
        199902:{
            DateCN:"1999年02月",
            DateJP:"1999年02月",
            HistoryCN:"被大连市政府指定为2000年问题解决企业",
            HistoryJP:"2000年問題の解決できる会社と大連市政府に指定",
            linknameCN:"",
            linknameJP:"",
            linkpath:""

        },
        200012:{
            DateCN:"2000年12月",
            DateJP:"2000年12月",
            HistoryCN:"成立大连远东数码有限公司",
            HistoryJP:"大連遠東数碼有限公司設立",
            linknameCN:"",
            linknameJP:"",
            linkpath:""
        },
        200109:{
            DateCN:"2001年09月",
            DateJP:"2001年09月",
            HistoryCN:"获得ISO9001:2000认证",
            HistoryJP:"ISO9001:2000認証取得",
            linknameCN:"认证证书",
            linknameJP:"認証状",
            linkpath:"/images/ISO9001.jpg"
        },
        200212:{
            DateCN:"2002年12月",
            DateJP:"2002年12月",
            HistoryCN:"被评为中国重点软件企业。",
            HistoryJP:"中国の重点ソフトウェア企業に認定。",
            linknameCN:"证书",
            linknameJP:"認定状",
            linkpath:"/images/ZD.jpg"
        },
        200306:{
            DateCN:"2003年03月",
            DateJP:"2003年03月",
            HistoryCN:"被评为「2002年度大连市软件业十大出口企业」",
            HistoryJP:"「2002年度大連市ソフトウェア輸出 TOP 10」受賞",
            linknameCN:"奖状",
            linknameJP:"表彰状",
            linkpath:"/images/CK.jpg"
        },
        200706:{
            DateCN:"2007年06月",
            DateJP:"2007年06月",
            HistoryCN:"搬迁到五星国际大厦",
            HistoryJP:"五星国際ビルに社宅移転",
            linknameCN:"",
            linknameJP:"",
            linkpath:""
        },
        200806:{
            DateCN:"2008年06月",
            DateJP:"2008年06月",
            HistoryCN:"被评为「2008年中国领先IT外包企业」",
            HistoryJP:"「2008年中国領先ITオフショア企業」受賞",
            linknameCN:"新闻记事",
            linknameJP:"新聞記事",
            linkpath:"/images/2008lingxian.jpg"
        }
    };
    return ulData;
}

// 得到"成果展示"数据(JSON)
function getDevelopList(isCN) {
    var ulDataCN;
    var ulDataJP;
    ulDataCN = {
        title : {
            proStrCN : "行业分类",
            proStrJP : "業種",
            companyCN : "产品名称",
            companyJP : "プロジェクト"
        },
        history1 : {
            proStrCN : "　　　政府机关",
            proStrJP : "　　　官公庁",
            companyCN : "　　大连市人才交流中心情报管理系统",
            companyJP : "　　大連市人材交流センター情報管理システム"
        },
        history2 : {
            proStrCN : "　　　政府机关",
            proStrJP : "　　　官公庁",
            companyCN : "　　大连市出租车驾驶员于车辆情报管理系统",
            companyJP : "　　大連市運転手＆車両情報管理システム"
        },
        history3 : {
            proStrCN : "　　　政府机关",
            proStrJP : "　　　官公庁",
            companyCN : "　　大连市农村税收情报管理系统",
            companyJP : "　　大連市農村税収情報管理システム"
        },
        history4 : {
            proStrCN : "　　　政府机关",
            proStrJP : "　　　官公庁",
            companyCN : "　　河北省地方税务局税务管理系统",
            companyJP : "　　河北省地方税務局税務管理システム"
        },
        history5 : {
            proStrCN : "　　　制造行业",
            proStrJP : "　　　製造業",
            companyCN : "　　大连ＰＴ公司生产管理系统",
            companyJP : "　　大連ＰＴ社生産管理システム"
        },
        history6 : {
            proStrCN : "　　　政府机关",
            proStrJP : "　　　官公庁",
            companyCN : "　　辽宁省进出口商品管理系统",
            companyJP : "　　遼寧省輸入出荷品検証管理システム"
        },
        history7 : {
            proStrCN : "　　　政府机关",
            proStrJP : "　　　官公庁",
            companyCN : "　　大连市地方税务局税务管理系统",
            companyJP : "　　大連市地方税務局税務管理システム"
        },
        history8 : {
            proStrCN : "　　　政府机关",
            proStrJP : "　　　官公庁",
            companyCN : "　　大连开发区劳动保险情报管理系统",
            companyJP : "　　大連開発区労働保険情報管理システム"
        },
        history9 : {
            proStrCN : "　　　政府机关",
            proStrJP : "　　　官公庁",
            companyCN : "　　大连开发区人才情报管理系统",
            companyJP : "　　大連開発区人材情報管理システム"
        },
        history10 : {
            proStrCN : "　　　制造行业",
            proStrJP : "　　　製造業",
            companyCN : "　　大连ＤＱ金属公司生产管理系统",
            companyJP : "　　大連ＤＱ金属社生産管理システム"
        },
        history11 : {
            proStrCN : "　　　金融机构",
            proStrJP : "　　　金融",
            companyCN : "　　某银行大连分行储蓄管理系统",
            companyJP : "　　Ｘ銀行大連支店貯蓄管理システム"
        },
        history12 : {
            proStrCN : "　　　金融机构",
            proStrJP : "　　　金融",
            companyCN : "　　银行行长事务处理决策支持系统",
            companyJP : "　　銀行行長事務処理決策サポートシステム "
        },
        history13 : {
            proStrCN : "　　　金融机构",
            proStrJP : "　　　金融",
            companyCN : "　　中国某银行深圳分行国库收支管理系统",
            companyJP : "　　中国Ｒ銀行深セン支店国庫収支管理システム "
        },
        history14 : {
            proStrCN : "　　　政府机关",
            proStrJP : "　　　官公庁",
            companyCN : "　　深圳市财政局预算支出管理系统",
            companyJP : "　　深セン市財政局予算支給管理システム "
        }
    };
    ulDataJP = {
        title : {
            proStrCN : "行业分类",
            proStrJP : "業種",
            companyCN : "产品名称",
            companyJP : "プロジェクト"
        },
        history1 : {
            proStrCN : "　　　物流行业",
            proStrJP : "　　　物流",
            companyCN : "　　Ｓ公司物流管理系统",
            companyJP : "　　Ｓ社物流管理システム"
        },
        history2 : {
            proStrCN : "　　　服务行业",
            proStrJP : "　　　サービス業",
            companyCN : "　　画面监视系统(软件包)",
            companyJP : "　　画面監視システム（パッケージ）"
        },
        history3 : {
            proStrCN : "　　　教育系统",
            proStrJP : "　　　教育",
            companyCN : "　　Ｓ大学远程教育系统",
            companyJP : "　　Ｓ大学通信教育システム"
        },
        history4 : {
            proStrCN : "　　　服务行业",
            proStrJP : "　　　サービス業",
            companyCN : "　　公司勤怠管理系统",
            companyJP : "　　会社勤怠管理システム"
        },
        history5 : {
            proStrCN : "　　　服务行业",
            proStrJP : "　　　サービス業",
            companyCN : "　　Ｆ社咨询管理系统",
            companyJP : "　　Ｆ社問合せシステム"
        },
        history6 : {
            proStrCN : "　　　建筑行业",
            proStrJP : "　　　建設業",
            companyCN : "　　Ｍ公司建筑成本管理系统",
            companyJP : "　　Ｍ社建設原価システム"
        },
        history7 : {
            proStrCN : "　　　政府机关",
            proStrJP : "　　　官公庁",
            companyCN : "　　税务征收管理系统",
            companyJP : "　　税金収納管理システム"
        },
        history8 : {
            proStrCN : "　　　建筑行业",
            proStrJP : "　　　建設業",
            companyCN : "　　Ｍ社不动产管理系统",
            companyJP : "　　Ｍ社不動産管理システム"
        },
        history9 : {
            proStrCN : "　　　销售行业",
            proStrJP : "　　　小売業",
            companyCN : "　　Ｉ社销售管理系统",
            companyJP : "　　Ｉ社販売管理システム"
        },
        history10 : {
            proStrCN : "　　　服务行业",
            proStrJP : "　　　サービス業",
            companyCN : "　　Ｄ社系统移植",
            companyJP : "　　Ｄ社マイグレーション"
        },
        history11 : {
            proStrCN : "　　　金融机构",
            proStrJP : "　　　金融",
            companyCN : "　　Ｔ社债权管理系统",
            companyJP : "　　Ｔ社債権管理システム"
        },
        history12 : {
            proStrCN : "　　　金融机构",
            proStrJP : "　　　金融",
            companyCN : "　　ＦＴ社收支管理系统",
            companyJP : "　　ＦＴ社収支管理システム"
        },
        history13 : {
            proStrCN : "　　　制造行业",
            proStrJP : "　　　製造業",
            companyCN : "　　Ｉ社门户网站开发",
            companyJP : "　　Ｉ社ポータル開発"
        },
        history14 : {
            proStrCN : "　　　制造行业",
            proStrJP : "　　　製造業",
            companyCN : "　　Ｍ社基干系统机能改善",
            companyJP : "　　Ｍ社基幹システム改善"
        },
        history15 : {
            proStrCN : "　　　教育系统",
            proStrJP : "　　　教育",
            companyCN : "　　Ｋ大学事务处理系统",
            companyJP : "　　Ｋ大学事務処理システム"
        },
        history16 : {
            proStrCN : "　　　建筑行业",
            proStrJP : "　　　建設業",
            companyCN : "　　Ｓ建設成本管理系统",
            companyJP : "　　Ｓ建設原価システム"
        }
    };
    return isCN?ulDataCN:ulDataJP;
}

// 判断浏览器类型
function isIE() {
    return navigator.appName.indexOf('Microsoft') != -1;
}

// 得到使用语言的链接
var lang = getLanguage();
// 链接
var url = rootPath + "/" + lang + "/";
// 得到使用语言的链接
function getLanguage() {
    var urlHref = window.location.href;
    var hrefArr = urlHref.split("/");
    for (i = hrefArr.length-1; i >=0; i--) {
        if(hrefArr[i]==chinese){
            return chinese;
        }else if(hrefArr[i]==japanese){
        	return japanese;
        }
    }
}

// 得到分类链接数据
var ulData = getlist();

// 写入分类链接
function setlist() {
    var el = $(listID);
    if (typeof(el) == "undefined" || el == null)
        return;
    if (typeof(ulData) != "undefined") {
        var ul = document.createElement("ul");
        listMethod(ul, 0);
        el.appendChild(ul);
    }
}

// 版权信息
function setBeianNO() {
    var htmlEl = new htmlElment();
    if(htmlEl.$(footerID)==undefined)return;
    var innerTxtCN = '<ul><li class="left"><a href="http://www.ysys.com.cn/pdf/PMS-GD-01-01.pdf" target="_blank">个人信息保护</a></li><li class="right">辽ICP备05012688号</li><li class="right">© 2009 大连远东计算机系统有限公司 . All rights reserved. </li></ul>';
    var innerTxtJA = '<ul><li class="left"><a href="http://www.ysys.com.cn/pdf/PMS-GD-01-01-jp.pdf" target="_blank">個人情報保護</a></li><li class="right">© 2009 大連遠東計算機系統有限公司 . All rights reserved. </li></ul>';
    $(footerID).innerHTML = (lang == chinese) ? innerTxtCN : innerTxtJA;
}

// 语言切换
function languageBox() {
    if (typeof($(containerID)) == "undefined" || $(containerID)==null)
        return;
    var div = document.createElement("div");
    var div1 = document.createElement("div");
    var div2 = document.createElement("div");
    var alink = document.createElement("a");
    var spanCN = document.createElement("span");
    var spanJP = document.createElement("span");
    var stylediv = "position:absolute;right:5px;top:5px;border:1px solid #296CD8;_filter:alpha(opacity=80);opacity: 0.8;";
    var stylediv1 = "background:#296CD8;text-align:center;height:20px;width:118px;display:block;";
    var stylespan = "font-size:8pt;margin:5px;";
    var spantext, alinktext, cnLang = "简体中文", jpLang = "日本語", languageText = "Language";

    if (this.isIE()) {
        div.style.cssText = stylediv;
        div1.style.cssText = stylediv1;
        div2.style.cssText = "background:#FFFFFF;";
        spanCN.style.cssText = stylespan;
        spanJP.style.cssText = stylespan;
    } else {
        div.setAttribute("style", stylediv);
        div1.setAttribute("style", stylediv1);
        div2.setAttribute("style", "background:#FFFFFF;");
        spanCN.setAttribute("style", stylespan);
        spanJP.setAttribute("style", stylespan);
    }

    if (lang == chinese) {
        alinktext = document.createTextNode(jpLang);
        alink.appendChild(alinktext);
        alink.setAttribute("href", rootPath + "/" + japanese + "/"
            + getUrlData().link);
        spantext = document.createTextNode(cnLang);
        spanCN.appendChild(spantext);
        spanJP.appendChild(alink);
    } else {
        alinktext = document.createTextNode(cnLang);
        alink
        .setAttribute("href", rootPath + "/" + chinese + "/"
            + getUrlData().link);
        alink.appendChild(alinktext);
        spantext = document.createTextNode(jpLang);
        spanCN.appendChild(alink);
        spanJP.appendChild(spantext);
    }
    div1.appendChild(document.createTextNode(languageText));
    div2.appendChild(spanCN);
    div2.appendChild(document.createTextNode(" | "));
    div2.appendChild(spanJP);
    div.setAttribute("id","languageBox")
    div.appendChild(div1);
    div.appendChild(div2);
    $(containerID).appendChild(div);
}

// 得到打开二级目录的项
function getUrlData() {
    for (var i in ulData) {
        if (window.location.href.indexOf(url + ulData[i].link) != -1) {
            return ulData[i];
        }
    }
    return ulData["gongsijianjie"];
}
var nNode = 0;

// 设定分类目录主方法
function listMethod(ulList, rootNode) {
    var selfUrl = window.location.href;
    nNode = getUrlData().rootNode;
    for (var i in ulData) {
        if ((ulData[i].rootNode == rootNode.rootNode && ulData[i] != rootNode)
            || (rootNode == 0 && ulData[i].isNode)) {
            var li = document.createElement("li");
            var a = document.createElement("a");
            var name;
            if (lang == chinese) {
                name = document.createTextNode(ulData[i].cnname);
            } else {
                name = document.createTextNode(ulData[i].janame);
            }
            a.appendChild(name);
            a.setAttribute("href", url + ulData[i].link);
            a.setAttribute("rel", "self");
            if (selfUrl.indexOf(a.getAttribute("href")) != -1) {
                a.setAttribute("id", "current");
            } else if (!ulData[i].isNode && ulData[i].rootNode != nNode) {
                continue;
            } else if (ulData[i].isNode && ulData[i].rootNode == nNode) {
                if (this.isIE()) {
                    a.setAttribute("className", "currentAncestor");
                } else {
                    a.setAttribute("class", "currentAncestor");
                }
            }
            li.appendChild(a);

            if (ulData[i].isNode) {
                var ul = document.createElement("ul");
                listMethod(ul, ulData[i]);
                li.appendChild(ul);
            }
            ulList.appendChild(li);
        }
    }
    return ulList;
}

// 得到ID对象方法
function $(id) {
    if (typeof(id) == "string") {
        if (typeof(subwindow) != "undefined") {
            return window.top.frames["subwindow"].document.getElementById(id);
        }
        return document.getElementById(id);
    }
    return id;
}

// 设定阴影
function setBackground() {
    var div = $(containerID);
    if (typeof(div) == "undefined" || div==null)
        return;
    for (var i = 5; i >= 0; i--) {
        var node = document.createElement("div");
        node.setAttribute("id", "back" + i);
        if (typeof(div) != "undefined") {
            node.appendChild(div);
        }
        div = node;
    }
    if (typeof(window.top.frames["subwindow"]) != "undefined") {
        window.top.frames["subwindow"].document.body.appendChild(div);
        var subwin = window.top.document.getElementById("subwindow");
        subwin.height = $("back0").scrollHeight;
    } else {
        document.body.appendChild(div);
    }

}


function setDevelopList(pid,isCN) {
    var color2 = "color2", color4 = "color4";
    var htmlEl = new htmlElment();
    var developList = getDevelopList(isCN);
    var tbl = htmlEl.tbl(pid, "developPerformance", "developPerformance");
    tbl.setAttribute("cellSpacing", "1");
    var i = 0
    for (var el in developList) {
        var tr = htmlEl.tr(tbl, i);
        if (i == 0) {
            htmlEl.td(tr, true, (lang == chinese)
                ? developList[el].proStrCN
                : developList[el].proStrJP, el + "title1", el
                + "title1", "width:92px;", "color3");
            htmlEl.td(tr, true, (lang == chinese)
                ? developList[el].companyCN
                : developList[el].companyJP, el + "title2", el
                + "title2", "", "color3");
        } else {

            htmlEl.td(tr, (i == 0), (lang == chinese)
                ? developList[el].proStrCN
                : developList[el].proStrJP, el + "proStr", el
                + "proStr", "text-align:left", (i % 2 != 1)
                ? color2
                : color4);
            htmlEl.td(tr, (i == 0), (lang == chinese)
                ? developList[el].companyCN
                : developList[el].companyJP, el + "company", el
                + "company", "text-align:left", (i % 2 != 1)
                ? color2
                : color4);
        }
        i++;
    }
}

function setTableList(pid) {
    var color2 = "color2", color1 = "color1";
    var htmlEl = new htmlElment();
    var tblList = getHistoryTableList();
    var tbl = htmlEl.tbl(pid, "developPerformance", "developPerformance");
    tbl.setAttribute("cellSpacing", "1");
    var i = 0
    for (var el in tblList) {
        var tr = htmlEl.tr(tbl, i);
        var historyText =  "<span>"+((lang == chinese)? tblList[el].HistoryCN : tblList[el].HistoryJP)+"</span>"
        if(htmlEl.$t(tblList[el].linknameCN || tblList[el].linknameJP ) && htmlEl.$t(tblList[el].linkpath)){
            historyText+="<a class='photoLink' href='#' onclick='openNewWindow(\""+ rootPath  + tblList[el].linkpath+"\")'>["+((lang == chinese)? tblList[el].linknameCN : tblList[el].linknameJP)+"]</a>"
        }
        htmlEl.td(tr, false, (lang == chinese)
            ? tblList[el].DateCN
            : tblList[el].DateJP, el + "Date", el+ "Date", "width:100px;", color2);
        htmlEl.td(tr, false, (lang == chinese)
            ? tblList[el].HistoryCN
            : tblList[el].HistoryJP, el + "history", el+ "history", "text-align:left;padding:10px;", color1, historyText);
        i++;
    }
}

function openNewWindow(imgPath){
    var htmlEl = new  htmlElment();
    htmlEl.div(document.body, "blackBack",  "blackBack", "","blackBack");
    var h = (document.body.scrollHeight-200)/2;
    htmlEl.div(document.body, "newOpenWindow",  "newOpenWindow", "","newOpenWindow" ,'<img src="' + imgPath+'" style="position:relative;top:50%;margin:-'+h+'px auto 0;border:5px solid #FFFFFF;" id="tempImg"/>',"","",true);
    htmlEl.$("newOpenWindow").onclick=closeNewWindow;
}

function closeNewWindow(){
    $("newOpenWindow").parentNode.removeChild($("newOpenWindow"));
    $("blackBack").parentNode.removeChild($("blackBack"));
}

function htmlElment() {
    var _this = this;
}

htmlElment.prototype = {
    conf : function() {

    },
    tbl : function(pid, id, name, className, style) {
        var newTbl = document.createElement("TABLE");
        if (this.$t(id))
            newTbl.setAttribute("id", id);
        if (this.$t(name))
            newTbl.setAttribute("name", name)
        if (this.$t(style))
            this.isIE() ? newTbl.style.cssText = style : newTbl.setAttribute(
                "style", style);// 插入style
        if (this.$t(className))
            this.isIE() ? newTbl.setAttribute("className", className) : newTbl
            .setAttribute("class", className);
        this.$(pid).appendChild(newTbl);
        return newTbl;
    },
    tr : function(tbl, i) {
        var tr = tbl.insertRow(i);
        return tr;
    },
    td : function(tr, isTH, text, id, name, style, className,inHtml) {
        var td = (isTH) ? document.createElement("th") : document
        .createElement("td");
        var newElement;
        if (this.$t(text)) {
            newElement = document.createTextNode(text);// 插入文本
        }
        if (this.$t(id))
            td.setAttribute("id", id);
        if (this.$t(name))
            td.setAttribute("name", name)
        if (this.$t(style))
            this.isIE() ? td.style.cssText = style : td.setAttribute("style",
                style);// 插入style
        if (this.$t(className))
            this.isIE() ? td.setAttribute("className", className) : td
            .setAttribute("class", className);

        td.appendChild(newElement);
        if (this.$t(inHtml))
            td.innerHTML=inHtml;
        tr.appendChild(td)
    },
    div : function(pid, id, name, style, className, inHtml, text, obj,bOpa) {
        var sFilter ="filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);"
        var pDiv = this.$(pid)
        var div = document.createElement("DIV")
        if (this.$t(id))
            div.setAttribute("id", id);
        if (this.$t(name))
            div.setAttribute("name", name)
        if (this.$t(style))
            this.isIE() ? div.style.cssText = style : div.setAttribute("style",
                style);// 插入style
        if (this.$t(className))
            this.isIE() ? div.setAttribute("className", className) : div
            .setAttribute("class", className);
        if (this.$t(text) || typeof(obj) == "object") {
            var textE = this.setTextNode(obj, text)
            div.appendChild(textE);
        }
        if (this.$t(inHtml))
            div.innerHTML = inHtml;
        if(this.$t(bOpa)||!bOpa)
            this.isIE() ? div.style.cssText = sFilter : div.setAttribute("style", "opacity:0.5;");// 插入style
        pDiv.appendChild(div);
    },
    cls : function(id) {
        var delNode = this.$(id);
        delNode.removeChild(delNode.childNodes[0]);
    },
    $ : function(objid) {
        if (typeof(objid) == "string") {

            if (typeof(subwindow) != "undefined") {
                return window.top.frames["subwindow"].document
                .getElementById(objid);
            }
            return document.getElementById(objid);
        }
        return objid;
    },
    $t : function(typeStr) {
        if (typeof(typeStr) == "string" || typeof(typeStr) == "number") {
            if (typeStr != "") {
                return true;
            }
            return false;
        } else {
            return false;
        }
    },
    setTextNode : function(obj, text) {
        if (this.$t(text)) {
            return document.createTextNode(text);
        }
        return document.createTextNode(obj.alt);
    },
    isIE : function() {
        return navigator.appName.indexOf('Microsoft') != -1;
    },
    getE : function(obj,value) {
        if(this.isIE()){
            obj.style.cssText = style
            this.$(id).style.filter="progid:DXImageTransform.Microsoft.Alpha(opacity="+value+");"
        }else{
            div.setAttribute("style", "opacity:0.5");
            this.$(id).style.MozOpacity=value/100
        }
    }
}