// JavaScript
// Jfp 08-12-09
// Init

var _vMTop = 57;
var searchDialog = null, newsDialog = null, newsDetailDialog = null, newsTab = [], loginDialog = null, _worklDialog = null, workTab = [];
var adLayer = null, adELayer = null, adPopLayer = null;
var _virLayer = null, _viewDialog = null;
var tousuDialog = null;         //投诉对话框
var isOpenTs = false;           //是否打开投拆对话框
var _ts_tip = "";               //投拆提示条
var _isLogin = false;           //是否处于登录状态
var _webChatDialog = null;      //网络聊天室对话框
var _msg = null;                //刷新对象的引用
var _tsImgLayer = "";           //投诉图标层

function chgT(id, size) {$("body_" + id).style.fontSize = size + "px"}

function defaultInit() {
    showSearchDialog();
    showNewsDialog();
    loadVir();
    
    if(location.search.indexOf("title") > -1) {
        var search = location.search;
        var x = search.match(/x=\d*/i);
        var y = search.match(/y=\d*/i);
        var title = search.match(/title=[^&$]*/i);
        var content = search.match(/content=[^&$]*/i);
        x = x==null?centerPoint.x:x[0].replace(/x=/i,"");
        y = y==null?centerPoint.y:y[0].replace(/y=/i,"");
        if(x == "") x = centerPoint.x;
        if(y == "") y = centerPoint.y;
        fnAppendMark(x, y, unescape(title[0].replace(/title=/i,"")), unescape(content==null?"":content[0].replace(/content=/i,"")));
    };
}

function showSearchDialog() { //添加搜索框
	searchDialog = new Dialog("搜索", 300, 105);
	searchDialog.show(4, _vMTop + 5);
	var div = $C("div");
	div.innerHTML = "<input type='text' name='searchKeyword' id='searchKeyword' class='input searchKeyword' value='请输入关键字' />";
	div.innerHTML += "<input type='button' name='searchBut' id='searchBut' value='搜 索' class='btn48 searchBut' />";
	div.innerHTML += "<div class='searchType'>" 
								+ "<input id='st_all' type='radio' name='searchType' checked='checked' /><label for='st_all'>全 部</label>&nbsp;"
								+ "<input id='st_ad' type='radio' name='searchType' /><label for='st_ad'>广 告</label>&nbsp;"
								+ "<input id='st_news' type='radio' name='searchType' /><label for='st_news'>新 闻</label>&nbsp;"
								+ "<span id='work' style='display:none;'><input id='st_work' type='radio' name='searchType' /><label for='st_work'>办 公</label></span>"
								+ "</div>";
	searchDialog.appendTab("本地搜索", div, false);
	searchDialog.searchKeyword = $("searchKeyword");
	searchDialog.searchKeyword.onfocus = function() {if(this.value == "请输入关键字") this.value = ""};
	searchDialog.searchKeyword.onblur = function() {if(this.value == "") this.value = "请输入关键字"};
	searchDialog.searchType = [];
	searchDialog.searchType["all"] = $("st_all");
	searchDialog.searchType["ad"] = $("st_ad");
	searchDialog.searchType["news"] = $("st_news");
	searchDialog.searchType["work"] = $("st_work");
	$("searchBut").onclick = function() {
	    if(this.searchKeyword.value == "" || this.searchKeyword.value == "请输入关键字"){
	        this.searchKeyword.value = "";
	        alert("请输入关键字！");
	        this.searchKeyword.focus();
	        return;
	    }
	    var type = (this.searchType["all"].checked && "all") || (this.searchType["ad"].checked && "ad") || (this.searchType["news"].checked && "news") || (this.searchType["work"].checked && "work") || "all";
	    beginSearch(this.searchKeyword.value, type);
	}.bind(searchDialog);
	searchDialog.div.onkeyup = function(event) {
	    if(!event && !(event = window.event)) return;
	    if(event.keyCode == 13) {
	        $("searchBut").onclick();
	    }else if(event.keyCode == 27)
	        searchDialog.searchKeyword.value = "";
	};
	searchDialog.setCanMove(true);
	searchDialog.setCanClose(false);
	if(_isLogin)
	{
	    addOption();
	}
	else
	{
	    removeOption();
	}
}

function beginSearch(keyword, type, x1, y1, x2, y2) {
    if(!newsDialog || newsDialog.closed) {
        newsDialog = new Dialog("信息公告", 300, 400);
        newsDialog.show(4, _vMTop + 115);
        newsDialog.setCanMove(true);
    }
    newsDialog.mini(false);
    
    //添加新Tab
    var id = "resultTab_" + escape(keyword).replace(/[%]/g,"") + "_" + type;
    if(typeof x1 == "number" && typeof y1 == "number" && typeof x2 == "number" && typeof y2 == "number") {
        id += "_" + x1 + "_" + y1 + "_" + x2 + "_" + y2;
        var usePane = true;
    }
    if(!newsTab[id]){
        newsTab[id] = newsDialog.appendTab(keyword, "&nbsp;<img src='images/delay.gif' width='16' height='16' style='margin-top: 2px' /> 正在加载数据...");
        newsTab[id].id = id;
        newsTab[id].keyword = keyword;
        newsTab[id].type = type;
        if(usePane) {
            newsTab[id].pane = {left:x1, top:y1, right:x2, bottom:y2};
        }else newsTab[id].pane = null;
        newsTab[id].page = 1;
        newsTab[id].loadResult = function(page) {
            if(typeof(page) == "number") this.page = page;
            var value = "_tabId:" + this.id + "_;_keyword:" + this.keyword + "_;" + "_type:" + this.type + "_;_page:" + this.page + "_;";
            if(this.pane) value += "_left:" + this.pane.left + "_;_top:" + this.pane.top + "_;_right:" + this.pane.right + "_;_bottom:" + this.pane.bottom + "_;";
            AjaxSend(value, "_page.GetSearchResult", function(value,context) {
                    newsDialog.setTabBody(this, getValue(value, "content"))
                    var adInfo = getValue(value, "adInfo");
                    var tsInfo = getValue(value,"tsInfo");
                    this.adInfo = adInfo;
                    showAdIcon(adInfo);
                    showTsIco(tsInfo);
                }.bind(this)
            );
        }.bind(newsTab[id]);
        newsTab[id].onBeforeClose = function() {
            newsTab[this.id] = null;
            if(adLayer && this.adInfo == adLayer.adInfo) {
                adLayer.innerHTML = "";
                adELayer.innerHTML = "";
            }
            if(adPopLayer) {
                if(adPopLayer.roundInterval) {
                    clearInterval(adPopLayer.roundInterval);
                    adPopLayer.roundInterval = null;
                }
                adPopLayer.style.display = "none";
            }
            
        };
        newsTab[id].onSelected = function() {
            showAdIcon(this.adInfo);
            adLayer.adInfo = this.adInfo;
        };
    }
    newsDialog.selectTab(newsTab[id]);
    newsTab[id].loadResult(1);
}

function showAllAdIcon(tabId) {
    if(!newsTab[tabId]) return;
    var tab = newsTab[tabId];
    if(tab.allShowed) {
		adLayer.innerHTML = "";
		adELayer.innerHTML = "";
		if(adPopLayer) adPopLayer.style.display = "none";
		tab.loadResult(tab.page);
		tab.allShowed = null;
    }else {
        var value = "_tabId:" + tabId + "_;_keyword:" + tab.keyword + "_;" + "_type:ad_;";
        if(tab.pane) value += "_left:" + tab.pane.left + "_;_top:" + tab.pane.top + "_;_right:" + tab.pane.right + "_;_bottom:" + tab.pane.bottom + "_;";
        AjaxSend(value, "_page.GetAllSearchResult", function(value,context) {
	        if(value != "") {
		        adLayer.innerHTML = "";
		        adELayer.innerHTML = "";
		        if(adPopLayer) adPopLayer.style.display = "none";
		        tab.adInfo = getValue(value,"adInfo");
		        showAdIcon(tab.adInfo);
		        $("search_showAll").innerText = "隐藏全部";
		        tab.allShowed = true;
		    }
	    });
    }
}

function showAdIcon(adInfo) {
    if(!adLayer)
        adLayer = vM.NewMapLayer("adLayer", 200);
    else
        adLayer.innerHTML = "";
    if(!adELayer)
        adELayer = vMe.NewMapLayer("adELayer", 200);
    else
        adELayer.innerHTML = "";
    if(adPopLayer) {
        adPopLayer.innerHMTL = "";
        adPopLayer.style.display = "none";
    }
    if(!adInfo || adInfo == "") return;
    adLayer.adInfo = adInfo;
    adInfo = adInfo.split("^_^");
    var p,div;
    var imgStr = "<img src='upload/adTypeImg/_src' width='30px' height='45px' onclick='parent.showAdDetail(_id,_x,_y)' />";
    var divStr = "<div style='text-align:center' onclick='parent.showAdDetail(_id,_x,_y)'><div style='float:center;margin:0 auto;border:1px solid #FFFFFF;background-color:#FF7000;color:#FFFFFF;font-size:9px;width:18px;text-align:center;font-weight:bold'>_i</div><div>";
    var firstImg, numStr;
    for(var i=0; i<adInfo.length; i++) {
        p = adInfo[i].split(";");
        div = vM.$C("div");
        div.id = "adImg_" + p[0];
        div.style.cursor = "pointer";
        div.innerHTML = imgStr.replace(/_src/, p[3]).replace(/_id/,p[0]).replace(/_x/,p[1]).replace(/_y/,p[2]);
        numStr = divStr.replace(/_src/, p[3]).replace(/_id/,p[0]).replace(/_x/,p[1]).replace(/_y/,p[2]).replace(/_i/, p[4]);
        div.innerHTML += numStr;
        /*
        div.onmouseover = function() {
            this.style.zIndex = 1;
        }
        div.onmouseout = function() {
            this.style.zIndex = 0;
        }*/
        vM.appendEntity(div, adLayer, false, p[1], p[2], 30, 45, 15, 45, false);
        if(i == 0) firstImg = div.childNodes[0];
        div = vMe.$C("div");
        div.id = "adEImg_" + p[0];
        div.style.cursor = "pointer";
        div.innerHTML = numStr;
        /*
        div.onmouseover = function() {
            this.zIndexTemp = parseInt(this.style.zIndex);
            this.style.zIndex = 10;
        };
        div.onmouseout = function() {
            if(isNumber(this.zIndexTemp))
                this.style.zIndex = this.zIndexTemp;
        };*/
        vMe.appendEntity(div, adELayer, false, p[1], p[2], 20, 14, 10, 7, false);
    }
    vM.ViewSysMapLayer(adLayer, true);
    vMe.ViewSysMapLayer(adELayer, true);
    if(firstImg) firstImg.onclick();
}

function showTsIco(tsInfo)
{
    if(tsInfo == "")
    {
        return;
    }
    if(!_tsImgLayer)
    {
        _tsImgLayer = vM.NewMapLayer("tsLayer", 10);
    }
    else
    {
        _tsImgLayer.innerHTML = "";
    }
    var ts = tsInfo.split("^_^");
    for(var i=0; i<ts.length; i++)
    {
        var t = ts[i].split(",");
        addTsImg(t[0], t[1], t[2], t[3]);
    }
}

function addTsImg(tsId,x,y,Index)
{
    var objDiv = vEdushiMap.$C('div_ts' + tsId);
    
    //设置广告对象的ID
    objDiv.id = "info_idxy" + tsId;
    
    //设置图片属性        
    objDiv.innerHTML = '<img src="images/tousu.gif" width="30px" height="45px" id="ts'+ tsId + '" onclick="parent.showTousu(' + tsId + ')" />';
    
    //广告对应的数字
    if(Index != "")
    {
        objDiv.innerHTML += "<div style='text-align:center' onclick='parent.showTousu(" + tsId + ")'><div style='float:center;margin-left:0 auto;border:1px solid #FFFFFF;background-color:#FF7000;color:#FFFFFF;font-size:9px;width:18px;text-align:center;font-weight:bold'>" + Index + "</div><div>";
    }

    //将广告对象加入到广告图层中
    vEdushiMap.appendEntity(objDiv, _tsImgLayer, false, x, y, 30, 45, 15, 45, false);
}

function menuSearch(keyword) {
    if(!vM) return;
    $("searchKeyword").value = keyword;
    $("st_ad").checked = true;
    $("searchBut").onclick();
}

//办公类菜单
function workSearch(keyword) {
    if(!vM) return;
    $("searchKeyword").value = keyword;
    $("st_work").checked = true;
    $("searchBut").onclick();
}

//查看投诉菜单
function tousuSearch(keyword) {
    if(!vM) return;
    $("searchKeyword").value = keyword;
    $("st_all").checked = true;
    $("searchBut").onclick();
}

function showAdDetail(id, x, y) { //加载广告详情
    if(!isNumber(x) || !isNumber(y)) return;
    vM.MoveTo(x + 300, y + 50, true);
    vMe.MoveTo(x + 300, y + 50, true);

    if(!adPopLayer) {
        adPopLayer = vM.NewMapLayer("adPopLayer", 1000);
        var div = vM.$C("div");
        div.id = "adPopLayer_div";
        div.innerHTML = "<div style='position:relative;margin:150px 0 0 1px;width:43px;height:35px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/left.png',sizingMethod='image');'><!--[if !IE]><!--><img src='/images/left.png' /><!--<![endif]--></div>";
        adPopLayer.dialog = new vM.Body.Dialog("广告详情", 300, 340);
        adPopLayer.dialog.setCanMini(false);
        adPopLayer.dialog.onBeforeClose = function() {
            adPopLayer.style.display = "none";
            if(adPopLayer.roundInterval) {
                clearInterval(adPopLayer.roundInterval);
                adPopLayer.roundInterval = null;
            }
            return false;
        }
        adPopLayer.dialog.show(43, 0);
        div.appendChild(adPopLayer.dialog.div);
        vM.appendEntity(div, adPopLayer, false, x, y, 343, 340, 0, 212, false);
    }else {
        vM.moveEntity("adPopLayer_div", x, y);
        adPopLayer.style.display = "block";
    }
    adPopLayer.dialog.setTitle("正在加载");
    adPopLayer.dialog.setBody("&nbsp;<img src='images/delay.gif' width='16' height='16' style='margin-top: 2px' /> <span style='font-size:12px'>正在加载数据...</span>");
    
    AjaxSend("_id:" + id + "_;", "_page.GetAdDetail", function(value, content) {
        if(value == "") {
            adPopLayer.dialog.setBody("&nbsp;<span style='font-size:12px'>未找到记录！</span>");
        }else {
            adPopLayer.dialog.setTitle(getValue(value,"adType") + " - " + getValue(value,"adAddress"));
            adPopLayer.adImgs = getValue(value, "adImg").split(";");
            var innerHTML = "<div style='margin:8px;font-size:12px;'>";
            innerHTML += "  <a id='adImgLink' href='/upload/adImg/" + adPopLayer.adImgs[0] + "' target='_blank'><img id='adImg' src='/upload/adImg/" + adPopLayer.adImgs[0] + "' style='float:left;' width='128' height='98' border=0 /></a>";
            innerHTML += "  <div style='float:left;margin-left:4px;width:130px;'>";
            innerHTML += "    <div style='line-height:18px;'><strong>类型:</strong> " + getValue(value, "adType") + "</div>";
            innerHTML += "    <div style='line-height:18px;'><strong>区域:</strong> " + getValue(value, "adArea") + "</div>"; 
            innerHTML += "  </div>";
            innerHTML += "  <div style='clear:both;line-height:20px;'><strong>广告详情:</strong></div>";
            innerHTML += "  <div style='clear:both;line-height:20px;'>&nbsp;广告地址: " + getValue(value, "adAddress") + "</div>";
            innerHTML += "  <div style='clear:both;line-height:20px;'>&nbsp;广告尺寸: " + getValue(value, "adSize") + "</div>";
            innerHTML += "  <div style='clear:both;line-height:20px;'>&nbsp;更新时间: " + getValue(value, "inputTime") + "</div>";
            innerHTML += "  <div style='clear:both;line-height:20px;'>&nbsp;说 明: " + getValue(value, "adRemark") + "</div>";
            innerHTML += "</div>";
            adPopLayer.dialog.setBody(innerHTML);
            
            if(adPopLayer.adImgs.length > 0) {
                adPopLayer.adImg = vM.$("adImg");
                adPopLayer.adImgLink = vM.$("adImgLink");
                adPopLayer.curAdImgIndex = 0;
                if(adPopLayer.roundInterval) {
                    clearInterval(adPopLayer.roundInterval);
                    adPopLayer.roundInterval = null;
                }
                adPopLayer.roundInterval = setInterval(roundAdImg, 4000);
            }else if(adPopLayer.roundInterval) {
                clearInterval(adPopLayer.roundInterval);
                adPopLayer.roundInterval = null;
            }
        }
    });
}

function roundAdImg() {
    if(adPopLayer.curAdImgIndex < adPopLayer.adImgs.length - 1)
        adPopLayer.curAdImgIndex ++;
    else
        adPopLayer.curAdImgIndex = 0;
    adPopLayer.adImg.src = "/upload/adImg/" + adPopLayer.adImgs[adPopLayer.curAdImgIndex];
    adPopLayer.adImgLink.href = "/upload/adImg/" + adPopLayer.adImgs[adPopLayer.curAdImgIndex];
}

function showNewsDialog(typeNO) { //显示新闻对话框
	if(!newsDialog || newsDialog.closed) {
	    newsDialog = new Dialog("信息公告", 300, 400);
	    newsDialog.show(4, _vMTop + 115);
	    newsDialog.setCanMove(true);
	}
	if(typeof typeNO == "undefined")
	    typeNO = "affiche";
	if(!newsTab[typeNO] || !newsTab[typeNO].tab) newsTab[typeNO] = newsDialog.appendTab("正在加载...","&nbsp;<img src='images/delay.gif' width='16' height='16' style='margin-top: 2px' /> 正在加载数据...");
	newsDialog.mini(false);
	reLoadNews(typeNO, 1);
	newsDialog.selectTab(newsTab[typeNO]);
}

function reLoadNews(typeNO, page) {
	AjaxSend("_typeNO:" + typeNO + "_;_page:" + page + "_;", "_page.GetNews", function(value, context) {
	    if(value != "" && newsTab[typeNO] && newsTab[typeNO].tab) {
	        newsDialog.setTabTitle(newsTab[typeNO], getValue(value,"typeName"));
		    newsDialog.setTabBody(newsTab[typeNO], getValue(value,"content"));
		}else {
		    newsDialog.setTabBody(newsTab[typeNO], "<div style='padding:5px;'>未找到你要的信息！</div>");
		}
	});
}

function showNewsDetail(newsId) {
    if(!newsTab["newsDetailTab_" + newsId]){
        AjaxSend("_newsId:" + newsId + "_;", "_page.GetNewsDetail", function(value, context) {
            var id = "newsDetailTab_" + getValue(value,"newsId");
            if(!newsDetailDialog || newsDetailDialog.closed) {
                var w = _bodyWidth - 542;
                if(w < 700) w = 700;
                newsDetailDialog = new Dialog(getValue(value,"title"), w, _bodyHeight - _vMTop - 12);
                newsDetailDialog.setBody(getValue(value,"content"));
                newsDetailDialog.body.id = id;
                newsDetailDialog.setCanMove(true);
                newsDetailDialog.setCanResize(true);
                newsDetailDialog.miniKeepWidth = false;
                newsDetailDialog.body.style.overflow = "Auto";
            } else {
                if(newsDetailDialog.tab.length <= 0) {
                    var innerHTML = newsDetailDialog.body.innerHTML;
                    var tId = newsDetailDialog.body.id;
                    newsDetailDialog.body.innerHTML = "";
                    newsTab[tId] = newsDetailDialog.appendTab(newsDetailDialog.titleValue, innerHTML);
                    newsTab[tId].id = id;
                    newsTab[tId].onSelected = function(){
                        this.setTitle(this.curTab.titleValue);
                    }.bind(newsDetailDialog);
                    newsTab[tId].onBeforeClose = function() {
                        newsTab[tId] = null;
                    };
                }
                if(!newsTab[id]){
                    newsTab[id] = newsDetailDialog.appendTab(getValue(value,"title"), getValue(value,"content"));
                    newsTab[id].id = id;
                    newsTab[id].onSelected = function(){
                        this.setTitle(this.curTab.titleValue);
                    }.bind(newsDetailDialog);
                    newsTab[id].onBeforeClose = function() {
                        newsTab[this.id] = null;
                    };
                }
                newsDetailDialog.selectTab(newsTab[id]);
            }
            if(!newsDetailDialog.showed) newsDetailDialog.show(308, _vMTop + 5);
            if(newsDetailDialog.minied) newsDetailDialog.mini(false);
        });
    }else {
        newsDetailDialog.selectTab(newsTab["newsDetailTab_" + newsId]);
        if(!newsDetailDialog.showed) newsDetailDialog.show(308, _vMTop + 5);
        if(newsDetailDialog.minied) newsDetailDialog.mini(false);
    }
}

//显示通报详情
function showAviso(workId) {
    if(!workTab["workTab_" + workId]){
        AjaxSend("_workId:" + workId + "_;", "_page.GetAvisoDetail", function(value, context) {
            var id = "workTab_" + getValue(value,"workId");
            if(!_worklDialog || _worklDialog.closed) {
                var w = _bodyWidth - 542;
                if(w < 700) w = 700;
                _worklDialog = new Dialog(getValue(value,"title"), w, _bodyHeight - _vMTop - 12);
                _worklDialog.setBody(getValue(value,"context"));
                _worklDialog.body.id = id;
                _worklDialog.setCanMove(true);
                _worklDialog.setCanResize(true);
                _worklDialog.miniKeepWidth = false;
                _worklDialog.body.style.overflow = "Auto";
            } else {
                if(_worklDialog.tab.length <= 0) {
                    var innerHTML = _worklDialog.body.innerHTML;
                    var tId = _worklDialog.body.id;
                    _worklDialog.body.innerHTML = "";
                    workTab[tId] = _worklDialog.appendTab(_worklDialog.titleValue, innerHTML);
                    workTab[tId].id = id;
                    workTab[tId].onSelected = function(){
                        this.setTitle(this.curTab.titleValue);
                    }.bind(_worklDialog);
                    workTab[tId].onBeforeClose = function() {
                        workTab[tId] = null;
                    };
                }
                if(!workTab[id]){
                    workTab[id] = _worklDialog.appendTab(getValue(value,"title"), getValue(value,"context"));
                    workTab[id].id = id;
                    workTab[id].onSelected = function(){
                        this.setTitle(this.curTab.titleValue);
                    }.bind(_worklDialog);
                    workTab[id].onBeforeClose = function() {
                        workTab[this.id] = null;
                    };
                }
                _worklDialog.selectTab(workTab[id]);
            }
            if(!_worklDialog.showed) _worklDialog.show(308, _vMTop + 5);
            if(_worklDialog.minied) _worklDialog.mini(false);
        });
    }else {
        _worklDialog.selectTab(workTab["workTab_" + workId]);
        if(!_worklDialog.showed) _worklDialog.show(308, _vMTop + 5);
        if(_worklDialog.minied) _worklDialog.mini(false);
    }
}

//显示任务详情
function showTask(workId) {
    if(!workTab["workTab_" + workId]){
        AjaxSend("_workId:" + workId + "_;", "_page.GetTaskDetail", function(value, context) {
            var id = "workTab_" + getValue(value,"workId");
            if(!_worklDialog || _worklDialog.closed) {
                var w = _bodyWidth - 542;
                if(w < 700) w = 700;
                _worklDialog = new Dialog(getValue(value,"title"), w, _bodyHeight - _vMTop - 12);
                _worklDialog.setBody(getValue(value,"context"));
                _worklDialog.body.id = id;
                _worklDialog.setCanMove(true);
                _worklDialog.setCanResize(true);
                _worklDialog.miniKeepWidth = false;
                _worklDialog.body.style.overflow = "Auto";
            } else {
                if(_worklDialog.tab.length <= 0) {
                    var innerHTML = _worklDialog.body.innerHTML;
                    var tId = _worklDialog.body.id;
                    _worklDialog.body.innerHTML = "";
                    workTab[tId] = _worklDialog.appendTab(_worklDialog.titleValue, innerHTML);
                    workTab[tId].id = id;
                    workTab[tId].onSelected = function(){
                        this.setTitle(this.curTab.titleValue);
                    }.bind(_worklDialog);
                    workTab[tId].onBeforeClose = function() {
                        workTab[tId] = null;
                    };
                }
                if(!workTab[id]){
                    workTab[id] = _worklDialog.appendTab(getValue(value,"title"), getValue(value,"context"));
                    workTab[id].id = id;
                    workTab[id].onSelected = function(){
                        this.setTitle(this.curTab.titleValue);
                    }.bind(_worklDialog);
                    workTab[id].onBeforeClose = function() {
                        workTab[this.id] = null;
                    };
                }
                _worklDialog.selectTab(workTab[id]);
            }
            if(!_worklDialog.showed) _worklDialog.show(308, _vMTop + 5);
            if(_worklDialog.minied) _worklDialog.mini(false);
        });
    }else {
        _worklDialog.selectTab(workTab["workTab_" + workId]);
        if(!_worklDialog.showed) _worklDialog.show(308, _vMTop + 5);
        if(_worklDialog.minied) _worklDialog.mini(false);
    }
}

//显示培训详情
function showOnline(workId) {
    if(!workTab["workTab_" + workId]){
        AjaxSend("_workId:" + workId + "_;", "_page.GetOnlineDetail", function(value, context) {
            var id = "workTab_" + getValue(value,"workId");
            if(!_worklDialog || _worklDialog.closed) {
                var w = _bodyWidth - 542;
                if(w < 700) w = 700;
                _worklDialog = new Dialog(getValue(value,"title"), w, _bodyHeight - _vMTop - 12);
                _worklDialog.setBody(getValue(value,"context"));
                _worklDialog.body.id = id;
                _worklDialog.setCanMove(true);
                _worklDialog.setCanResize(true);
                _worklDialog.miniKeepWidth = false;
                _worklDialog.body.style.overflow = "Auto";
            } else {
                if(_worklDialog.tab.length <= 0) {
                    var innerHTML = _worklDialog.body.innerHTML;
                    var tId = _worklDialog.body.id;
                    _worklDialog.body.innerHTML = "";
                    workTab[tId] = _worklDialog.appendTab(_worklDialog.titleValue, innerHTML);
                    workTab[tId].id = id;
                    workTab[tId].onSelected = function(){
                        this.setTitle(this.curTab.titleValue);
                    }.bind(_worklDialog);
                    workTab[tId].onBeforeClose = function() {
                        workTab[tId] = null;
                    };
                }
                if(!workTab[id]){
                    workTab[id] = _worklDialog.appendTab(getValue(value,"title"), getValue(value,"context"));
                    workTab[id].id = id;
                    workTab[id].onSelected = function(){
                        this.setTitle(this.curTab.titleValue);
                    }.bind(_worklDialog);
                    workTab[id].onBeforeClose = function() {
                        workTab[this.id] = null;
                    };
                }
                _worklDialog.selectTab(workTab[id]);
            }
            if(!_worklDialog.showed) _worklDialog.show(308, _vMTop + 5);
            if(_worklDialog.minied) _worklDialog.mini(false);
        });
    }else {
        _worklDialog.selectTab(workTab["workTab_" + workId]);
        if(!_worklDialog.showed) _worklDialog.show(308, _vMTop + 5);
        if(_worklDialog.minied) _worklDialog.mini(false);
    }
}

//显示抄告详情
function showLE(workId) {
    if(!workTab["workTab_" + workId]){
        AjaxSend("_workId:" + workId + "_;", "_page.GetLEDetail", function(value, context) {
            var id = "workTab_" + getValue(value,"workId");
            if(!_worklDialog || _worklDialog.closed) {
                var w = _bodyWidth - 542;
                if(w < 700) w = 700;
                _worklDialog = new Dialog(getValue(value,"title"), w, _bodyHeight - _vMTop - 12);
                _worklDialog.setBody(getValue(value,"content"));
                _worklDialog.body.id = id;
                _worklDialog.setCanMove(true);
                _worklDialog.setCanResize(true);
                _worklDialog.miniKeepWidth = false;
                _worklDialog.body.style.overflow = "Auto";
            } else {
                if(_worklDialog.tab.length <= 0) {
                    var innerHTML = _worklDialog.body.innerHTML;
                    var tId = _worklDialog.body.id;
                    _worklDialog.body.innerHTML = "";
                    workTab[tId] = _worklDialog.appendTab(_worklDialog.titleValue, innerHTML);
                    workTab[tId].id = id;
                    workTab[tId].onSelected = function(){
                        this.setTitle(this.curTab.titleValue);
                    }.bind(_worklDialog);
                    workTab[tId].onBeforeClose = function() {
                        workTab[tId] = null;
                    };
                }
                if(!workTab[id]){
                    workTab[id] = _worklDialog.appendTab(getValue(value,"title"), getValue(value,"content"));
                    workTab[id].id = id;
                    workTab[id].onSelected = function(){
                        this.setTitle(this.curTab.titleValue);
                    }.bind(_worklDialog);
                    workTab[id].onBeforeClose = function() {
                        workTab[this.id] = null;
                    };
                }
                _worklDialog.selectTab(workTab[id]);
            }
            if(!_worklDialog.showed) _worklDialog.show(308, _vMTop + 5);
            if(_worklDialog.minied) _worklDialog.mini(false);
        });
    }else {
        _worklDialog.selectTab(workTab["workTab_" + workId]);
        if(!_worklDialog.showed) _worklDialog.show(308, _vMTop + 5);
        if(_worklDialog.minied) _worklDialog.mini(false);
    }
}

//显示认定详情
function showWfrd(workId) {
    if(!workTab["workTab_" + workId]){
        AjaxSend("_workId:" + workId + "_;", "_page.GetWfrdDetail", function(value, context) {
            var id = "workTab_" + getValue(value,"workId");
            if(!_worklDialog || _worklDialog.closed) {
                var w = _bodyWidth - 542;
                if(w < 700) w = 700;
                _worklDialog = new Dialog(getValue(value,"title"), w, _bodyHeight - _vMTop - 12);
                _worklDialog.setBody(getValue(value,"content"));
                _worklDialog.body.id = id;
                _worklDialog.setCanMove(true);
                _worklDialog.setCanResize(true);
                _worklDialog.miniKeepWidth = false;
                _worklDialog.body.style.overflow = "Auto";
            } else {
                if(_worklDialog.tab.length <= 0) {
                    var innerHTML = _worklDialog.body.innerHTML;
                    var tId = _worklDialog.body.id;
                    _worklDialog.body.innerHTML = "";
                    workTab[tId] = _worklDialog.appendTab(_worklDialog.titleValue, innerHTML);
                    workTab[tId].id = id;
                    workTab[tId].onSelected = function(){
                        this.setTitle(this.curTab.titleValue);
                    }.bind(_worklDialog);
                    workTab[tId].onBeforeClose = function() {
                        workTab[tId] = null;
                    };
                }
                if(!workTab[id]){
                    workTab[id] = _worklDialog.appendTab(getValue(value,"title"), getValue(value,"content"));
                    workTab[id].id = id;
                    workTab[id].onSelected = function(){
                        this.setTitle(this.curTab.titleValue);
                    }.bind(_worklDialog);
                    workTab[id].onBeforeClose = function() {
                        workTab[this.id] = null;
                    };
                }
                _worklDialog.selectTab(workTab[id]);
            }
            if(!_worklDialog.showed) _worklDialog.show(308, _vMTop + 5);
            if(_worklDialog.minied) _worklDialog.mini(false);
        });
    }else {
        _worklDialog.selectTab(workTab["workTab_" + workId]);
        if(!_worklDialog.showed) _worklDialog.show(308, _vMTop + 5);
        if(_worklDialog.minied) _worklDialog.mini(false);
    }
}

function showLoginDialog() { //显示登录对话框
	var coverDiv = $To($C("div"),document.body);
	coverDiv.className = "coverDiv";
	loginDialog = new Dialog("登 录", 300, 195);
	loginDialog.coverDiv = coverDiv;
	loginDialog.setZIndex(1001);
	loginDialog.setCanMini(false);
	var div = $C("div");
	div.innerHTML = "<div id='loginTemp' class='loginTemp'>"
	                + "<div>用户名:&nbsp;<input type='text' name='username' id='username' class='input usernameInput' autocomplete='off' /></div>"
	                + "<div>密　码:&nbsp;<input type='password' name='password' id='password' class='input passwordInput' autocomplete='off' /></div>"
	                + "<div>验证码:&nbsp;<input type='text' name='verify' id='verify' maxlength='4' class='input verifyInput' autocomplete='off' />&nbsp;"
	                + "<img id='verifyImg' src='inc/GetVerifyImg.aspx?t=" + (new Date() + "").replace(/[^0-9]/g,"") + "' alt='单击刷新验证码' width='60' height='26' class='verifyImg' onclick=\"$('verify').value='';var t=new Date();this.src='inc/GetVerifyImg.aspx?t='+(t+'').replace(/[^0-9]/g,'');$('verify').focus();\" />"
	                +"</div>"
	                + "</div>"
	                + "<div class='loginButTemp'>"
	                + "<input type='button' name='login_ok' id='login_ok' value='确 定' class='btn48' />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;"
	                + "<input type='button' name='login_cls' id='login_cls' value='取 消' class='btn48' />"
	                + "</div>";
	loginDialog.setBody(div);
	$("login_ok").onclick = function() {
	    if($("username").value == "") {
	        alert("请输入用户名！");
	        $("username").focus();
	        return;
	    }
	    if($("verify").value == "") {
	        alert("请输入验证码！");
	        $("verify").focus();
	        return;
	    }
	    AjaxSend("_username:" + $("username").value + "_;"
	           + "_password:" + $("password").value + "_;"
	           + "_verify:" + $("verify").value + "_;"
	           ,"_page.ChkLogin", function(value, context){
	             if(value == "" || value.indexOf("err") > -1) {
	                alert(value == "" ? "用户名或密码错误，请重新登录。" : getValue(value,"err"));
	                $("verify").value = $("password").value = $("username").value = "";
	                $("verify").value="";
	                $("verifyImg").src = "inc/GetVerifyImg.aspx?t=" + (new Date() + "").replace(/[^0-9]/g, "");
	                $("username").focus();
	             }else {
		            reLoadMenu();		            
		            addOption();
		            if(loginDialog) loginDialog.close();
	             }
	          }
	    );
	};
	$("login_cls").onclick = function() {
	    loginDialog.close();
	};
	loginDialog.onClosed = function(){
		document.body.removeChild(this.coverDiv);
		this.coverDiv = null;
	}.bind(loginDialog);
	loginDialog.div.onkeyup = function(event) {
	    if(!event && !(event = window.event)) return;
	    if(event.keyCode == 13)
	        $("login_ok").onclick();
	    else if(event.keyCode == 27)
	        loginDialog.close();
	};
	
	loginDialog.show((_bodyWidth >> 1) - 150, (_bodyHeight >> 1) - 130);
	$("username").focus();
}

function reLoadMenu() {
    AjaxSend("","_page.GetMenu",function (value,context){
        $("menu").innerHTML = value;
    });
}

//处于登录状态显示办公选项
function addOption()
{
    $("work").style.display = "inline";
}

//处于未登录状态隐藏办公选项
function removeOption()
{
    $("work").style.display = "none";
}

function loadVir() { //加载全部全景
    //创建全景图标层
    _virLayer = vM.NewMapLayer("virLayer", 200);
    AjaxSend("", "_page.LoadVir", function(value, context){
        if(value != "") {
            var virArr = value.split("~;"), proArr;
            for(var i=0; i<virArr.length; i++){
                proArr = virArr[i].split("_;");
                appendIcon(proArr[0], proArr[1], proArr[2], proArr[3]);
            }
        }
    });
}

function appendIcon(id, virName, mapX, mapY) { //添加一个全景图标
    var div = vM.$C("div");
    div.id = "vir_" + id;
    div.virId = id;
    div.title = virName;
    div.mapX = mapX;
    div.mapY = mapY;
    div.innerHTML = "<img src='images/vir.gif' width='27' height='32'/>";
    vM.appendEntity(div, _virLayer, false, mapX, mapY, 27, 32, 14, 32, false);
    div.onclick = viewVir.bind(div);
    return div;
}

function viewVir() { //预览全景
    if(!_viewDialog || _viewDialog.closed){
        _viewDialog = new Dialog("预览全景", 597, 332);
        window.onbeforeunload = function() {
           if(_viewDialog && !_viewDialog.closed)_viewDialog.close()
        };
	    _viewDialog.setCanMove(true);
	    _viewDialog.miniKeepWidth = false;
	}
	
	var L = _bodyWidth / 2 - 300;
    if(L < 1) L = 1;
    var T = _bodyHeight / 2 - 200;
    if(T < 1) T = 1;
	_viewDialog.show(L, T);
	
	AjaxSend("_id:" + this.virId + "_;", "_page.LoadVirDetail", function (value,context){
	    //设置对话框内容
	    var virXml = getValue(value, "virXml");
	    var div = $C("div");
        var innerHTML = "<object classid=\"clsid:D27CDB6E-AE6D-11cf-96B8-444553540000\" codebase=\"http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0\" width=\"585\" height=\"298\" id=\"rmpano\">"
        innerHTML += "<param name=\"MENU\" value=\"FALSE\" />"
        innerHTML += "<param name=\"SRC\" value=\"/images/Main.swf\" />"
        innerHTML += "<param name=\"FlashVars\" value=\"domain=/images/domain.xml&main=/images/pano.swf&config=/virXml/" + virXml + "\" />"
        innerHTML += "<param name=\"allowFullScreen\" value=\"true\" />"
        innerHTML += "<param name=\"bgcolor\" value=\"#ffffff\" />"
        innerHTML += "<embed src=\"/images/Main.swf\" FlashVars=\"domain=/images/domain.xml&main=/images/pano.swf&config=/virXml/" + virXml + "\" menu=\"false\" allowFullScreen=\"true\" pluginspage=\"http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash\"  width=\"585\" height=\"298\" name=\"rmpano\" bgcolor=\"#ffffff\"></embed>"
        innerHTML += "</object>"
        div.innerHTML = innerHTML;
        _viewDialog.setBody(div);
    });
}

function showTouSu()
{
    _ts_tip = '<div style="height:15px; line-height:15px; border:1px solid #1A70C7; background:#FFFFFF; padding:0 4px 0 4px;filter:alpha(opacity=90); opacity:.9; float:left; color:#000; font-size:12px; white-space:nowrap;">双击左键选择投诉位置</div>';
    vM.ShowPointerTip(_ts_tip);
    isOpenTs = true;
    
    if(tousuDialog == null)
    {
        tousuDialog = new Dialog("投诉", 300, 280);
        tousuDialog.setCanMove(true);
        tousuDialog.miniKeepWidth = false;
        tousuDialog.onBeforeClose = function()
        {
            tousuDialog.hidden();
            vM.HidePointerTip(_ts_tip);
            return false;
        }
        
        var tab1 = "<div style='padding:5px;'><table cellpadding='2px;'>" 
             + "<tr><td align='center'>坐&nbsp;&nbsp;&nbsp;&nbsp;标</td><td>X:<input id='mapX' size='8' disabled/>&nbsp;Y:<input id='mapY' size='8' disabled></td></tr>"
             + "<tr><td align='center'>标&nbsp;&nbsp;&nbsp;&nbsp;题</td><td><input id='tsTitle' size='31' maxlength='50' /></td></tr>"
             + "<tr><td align='center'>投诉原因</td><td><textarea id='yuanyin' rows='5' cols='25' style='overflow:auto;'></textarea></td></tr>"
             + "<tr><td align='center'>投&nbsp;诉&nbsp;人</td><td><input id='tsPerson' size='31' maxlength='25'></td></tr>"
             + "<tr><td align='center'>联系电话</td><td><input id='tel' size='31' maxlength='25'></td></tr>"
             + "<tr><td align='right' height='30px'></td><td align='center' valign='bottom'><input type='button' value='确定' onclick='saveTs();' class='btn48' />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type='button' value='取消' onclick='exitTs();' class='btn48' /></td></tr>"
             + "</table><div>";
             
        var t1 = tousuDialog.setBody(tab1);
        
        tousuDialog.show(400, 200);
    }
    else
    {
        tousuDialog.show(400, 200);
    }
    moveToCenter(tousuDialog.div);
    
    vM.onMapDblClick = function(){
        if(isOpenTs)
        {
            var x = vM.PointerX(), y = vM.PointerY();
            $("mapX").value = x;
            $("mapY").value = y;
            vM.HidePointerTip(_ts_tip);
        }
    };
}

//提交投拆
function saveTs()
{    
    if($("mapX").value == "" || $("mapY").value == "")
    {
        alert("请在地图上双击选择要投拆的位置！");
        return;
    }
    if($("tsTitle").value == "")
    {
        alert("标题不能为空！");
        $("tsTitle").focus();
        return;
    }
    if($("yuanyin").value == "")
    {
        alert("内容不能为空！");
        $("yuanyin").focus();
        return;
    }
    else if($("yuanyin").value.length > 1000)
    {
        alert("你输入的内容太多！");
        $("yuanyin").focus();
        return;
    }
    if($("tsPerson").value == "")
    {
        alert("投诉人不能为空！");
        $("tsPerson").focus();
        return;
    }
    if($("tel").value == "")
    {
        alert("联系电话不能为空！");
        $("tel").focus();
        return;
    }
    else if(isNaN($("tel").value))
    {
        alert("电话号码只能是数字！");
        $("tel").focus();
        return;
    }
    var subValue = "_mapX:" + $("mapX").value + "_;"
                 + "_mapY:" + $("mapY").value + "_;"
                 + "_tsTitle:" + $("tsTitle").value + "_;"
                 + "_yuanyin:" + $("yuanyin").value + "_;"
                 + "_tsPerson:" + $("tsPerson").value + "_;"
                 + "_tel:" + $("tel").value + "_;";
    AjaxSend(subValue,"_page.SaveTouSu",showState);
    //tousuDialog.hidden();
    vM.HidePointerTip(_ts_tip);
    isOpenTs = false;
}

//取消投拆
function exitTs()
{
    isOpenTs = false;
    tousuDialog.hidden();
    vM.HidePointerTip(_ts_tip);
}

//保存后返回的结果
function showState(value, context)
{
    if(value != "")
    {
        if(value.indexOf("Err") > -1)
        {
            var errMsg = value.replace("Err:");
            alert(errMsg);
        }
        else
        {            
            alert("投诉已提交！");
            $("mapX").value = "";
            $("mapY").value = "";
            $("tsTitle").value = "";
            $("yuanyin").value = "";
            $("tsPerson").value = "";
            $("tel").value = "";
            tousuDialog.close();
        }
    }
    else
    {
        alert("保存出错！");
    }
}

//根据id获取投诉详情
function showTousu(tsId)
{    
    AjaxSend(tsId, "_page.GetTsById",setTs);
}

//显示投诉内容
function setTs(value, context)
{
    if(value != "")
    {
        var x = getValue(value, "mapX");
        var y = getValue(value, "mapY");
        
        if(!isNumber(x) || !isNumber(y)) return;
        x = parseInt(x);
        y = parseInt(y);
        vM.MoveTo(x + 300, y + 50, true);
        vMe.MoveTo(x + 300, y + 50, true);

        if(typeof(_adPopLayer) == "undefined" || _adPopLayer == null) {
            _adPopLayer = vM.NewMapLayer("_adPopLayer", 1000);
            var div = vM.$C("div");
            div.id = "_adPopLayer_div";
            div.innerHTML = "<div style='position:relative;margin:150px 0 0 1px;width:43px;height:35px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/left.png',sizingMethod='image');'><!--[if !IE]><!--><img src='/images/left.png' /><!--<![endif]--></div>";
            _adPopLayer.dialog = new vM.Body.Dialog("回复详情", 300, 360);
            _adPopLayer.dialog.setCanMini(false);
            _adPopLayer.dialog.onBeforeClose = function() {
                _adPopLayer.style.display = "none";
                return false;
            }
            _adPopLayer.dialog.show(43, 0);
            div.appendChild(_adPopLayer.dialog.div);
            vM.appendEntity(div, _adPopLayer, false, x, y, 343, 340, 0, 212, false);
        }else {
            vM.moveEntity("_adPopLayer_div", x, y);
            _adPopLayer.style.display = "block";
        }
        _adPopLayer.dialog.setBody("&nbsp;<img src='images/delay.gif' width='16' height='16' style='margin-top: 2px' /> <span style='font-size:12px'>正在加载数据...</span>");
                
        if(value == "") {
            _adPopLayer.dialog.setBody("&nbsp;<span style='font-size:12px'>未找到记录！</span>");
        }else {
            _adPopLayer.dialog.setTitle = "回复详情";
            var innerHTML = "<div style='margin:8px;font-size:12px;'>";
            innerHTML += "  <div style='both;line-height:20px;'>&nbsp;坐&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;标&nbsp;&nbsp;&nbsp;&nbsp;X: " + getValue(value, "mapX") + "&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Y:" + getValue(value, "mapY") + "</div>";
            innerHTML += "  <div style='both;line-height:20px;'>&nbsp;标&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;题:&nbsp;&nbsp;&nbsp;&nbsp;" + getValue(value, "tsTitle") + "</div>";
            innerHTML += "  <div style='both;line-height:20px;'><table cellPadding='0px;'><tr><td style='font-size:12px;'>&nbsp;投诉原因:</td><td>&nbsp;<textarea rows='5' cols='22' style='overflow:auto;'>" + getValue(value, "tsYy") + "</textarea></td</tr></table></div>";
            innerHTML += "  <div style='both;line-height:20px;'>&nbsp;投&nbsp;&nbsp;诉&nbsp;&nbsp;人:&nbsp;&nbsp;&nbsp;&nbsp;" + getValue(value, "tsPerson") + "</div>";
            innerHTML += "  <div style='both;line-height:20px;'>&nbsp;联系电话:&nbsp;&nbsp;&nbsp;&nbsp;" + getValue(value, "tel") + "</div>";
            innerHTML += "  <div style='both;line-height:20px;'>&nbsp;投诉日期:&nbsp;&nbsp;&nbsp;&nbsp;" + getValue(value, "tsDate") + "</div>";
            innerHTML += "  <div style='background-image: url(Images/dotLine.gif);height:20px;background-repeat: repeat-x;'></div>";
            innerHTML += "  <div style='both;line-height:20px;'>&nbsp;回复内容:&nbsp;&nbsp;&nbsp;&nbsp;<textarea rows='5' cols='22' style='overflow:auto;'>" + getValue(value, "writeBack") + "</textarea></div>";
            innerHTML += "</div>";
            _adPopLayer.dialog.setBody(innerHTML);
            
        }
    }
}

//显示会议室对话框
function showWebChat()
{
    if(_webChatDialog == null)
    {
        _webChatDialog = new Dialog("网络会议室", 500, 400);
        _webChatDialog.setCanMove(true);
        _webChatDialog.miniKeepWidth = false;
        _webChatDialog.onBeforeClose = function(){
            AjaxSend("","_page.Leave",null);
            _webChatDialog.hidden();
            if(_msg)
            {
                clearInterval(_msg);
            }
            return false;
        };
        
        _msg = setInterval(getMessage, 1000);
        
        var conDiv = $C("div");
        var messageDiv = "<div id='msg' style='width:485px;height:240px;display:block;overflow:auto;border: 1px solid #cccccc;'></div>";
        var speakDiv = "<div><table>"
                       +"<tr><td><textarea cols='58' rows='5' style='overflow:auto;' id='speak'></textarea></td></tr>"
                       +"<tr><td align='center'>"
                       +"字体颜色：<select id='color'>"
                       +"<option value='ActiveBorder' style='background-color:ActiveBorder'>ActiveBorder</option>"	                   
	                    +"<option value='AppWorkspace' style='background-color:AppWorkspace'>AppWorkspace</option>"
	                    +"<option value='Control' style='background-color:Control'>Control</option>"	                    
	                    +"<option value='Desktop' style='background-color:Desktop'>Desktop</option>"
	                    +"<option value='GrayText' style='background-color:GrayText'>GrayText</option>"
	                    +"<option value='Highlight' style='background-color:Highlight'>Highlight</option>"	                    
	                    +"<option value='InactiveBorder' style='background-color:InactiveBorder'>InactiveBorder</option>"
	                    +"<option value='InactiveCaption' style='background-color:InactiveCaption'>InactiveCaption</option>"	                    
	                    +"<option value='Info' style='background-color:Info'>Info</option>"	                    
	                    +"<option value='Menu' style='background-color:Menu'>Menu</option>"	                    
	                    +"<option value='ScrollBar' style='background-color:ScrollBar'>ScrollBar</option>"
	                    +"<option value='Window' style='background-color:Window'>Window</option>"
	                    +"<option value='WindowFrame' style='background-color:WindowFrame'>WindowFrame</option>"
	                    +"<option value='WindowText' style='background-color:WindowText' selected>WindowText</option>"
	                    +"<option value='Transparent' style='background-color:Transparent'>Transparent</option>"
	                    +"<option value='AliceBlue' style='background-color:AliceBlue'>AliceBlue</option>"
	                    +"<option value='AntiqueWhite' style='background-color:AntiqueWhite'>AntiqueWhite</option>"
	                    +"<option value='Aqua' style='background-color:Aqua'>Aqua</option>"
	                    +"<option value='Aquamarine' style='background-color:Aquamarine'>Aquamarine</option>"
	                    +"<option value='Azure' style='background-color:Azure'>Azure</option>"
	                    +"<option value='Beige' style='background-color:Beige'>Beige</option>"
	                    +"<option value='Bisque' style='background-color:Bisque'>Bisque</option>"
	                    +"<option value='Black' style='background-color:Black'>Black</option>"	             
	                    +"<option value='Blue' style='background-color:Blue'>Blue</option>"
	                    +"<option value='BlueViolet' style='background-color:BlueViolet'>BlueViolet</option>"
	                    +"<option value='Brown' style='background-color:Brown'>Brown</option>"
	                    +"<option value='BurlyWood' style='background-color:BurlyWood'>BurlyWood</option>"
	                    +"<option value='CadetBlue' style='background-color:CadetBlue'>CadetBlue</option>"
	                    +"<option value='Chartreuse' style='background-color:Chartreuse'>Chartreuse</option>"
	                    +"<option value='Chocolate' style='background-color:Chocolate'>Chocolate</option>"
	                    +"<option value='Coral' style='background-color:Coral'>Coral</option>"
	                    +"<option value='CornflowerBlue' style='background-color:CornflowerBlue'>CornflowerBlue</option>"
	                    +"<option value='Cornsilk' style='background-color:Cornsilk'>Cornsilk</option>"
	                    +"<option value='Crimson' style='background-color:Crimson'>Crimson</option>"
	                    +"<option value='Cyan' style='background-color:Cyan'>Cyan</option>"
	                    +"<option value='DarkBlue' style='background-color:DarkBlue'>DarkBlue</option>"	                    
	                    +"<option value='DarkKhaki' style='background-color:DarkKhaki'>DarkKhaki</option>"
	                    +"<option value='DarkMagenta' style='background-color:DarkMagenta'>DarkMagenta</option>"
	                    +"<option value='DarkOliveGreen' style='background-color:DarkOliveGreen'>DarkOliveGreen</option>"	                  
	                    +"<option value='DarkSalmon' style='background-color:DarkSalmon'>DarkSalmon</option>"	                   
	                    +"<option value='DarkTurquoise' style='background-color:DarkTurquoise'>DarkTurquoise</option>"
	                    +"<option value='DarkViolet' style='background-color:DarkViolet'>DarkViolet</option>"	                  
	                    +"<option value='DodgerBlue' style='background-color:DodgerBlue'>DodgerBlue</option>"
	                    +"<option value='Firebrick' style='background-color:Firebrick'>Firebrick</option>"	                  
	                    +"<option value='ForestGreen' style='background-color:ForestGreen'>ForestGreen</option>"
	                    +"<option value='Fuchsia' style='background-color:Fuchsia'>Fuchsia</option>"
	                    +"<option value='Gainsboro' style='background-color:Gainsboro'>Gainsboro</option>"	                    
	                    +"<option value='Gray' style='background-color:Gray'>Gray</option>"
	                    +"<option value='Green' style='background-color:Green'>Green</option>"
	                    +"<option value='GreenYellow' style='background-color:GreenYellow'>GreenYellow</option>"	                
	                    +"<option value='HotPink' style='background-color:HotPink'>HotPink</option>"
	                    +"<option value='IndianRed' style='background-color:IndianRed'>IndianRed</option>"	                   
	                    +"<option value='Khaki' style='background-color:Khaki'>Khaki</option>"
	                    +"<option value='Lavender' style='background-color:Lavender'>Lavender</option>"	                    
	                    +"<option value='LemonChiffon' style='background-color:LemonChiffon'>LemonChiffon</option>"
	                    +"<option value='LightBlue' style='background-color:LightBlue'>LightBlue</option>"	                    
	                    +"<option value='LightGreen' style='background-color:LightGreen'>LightGreen</option>"	                
	                    +"<option value='LightSteelBlue' style='background-color:LightSteelBlue'>LightSteelBlue</option>"
	                    +"<option value='LightYellow' style='background-color:LightYellow'>LightYellow</option>"
	                    +"<option value='Lime' style='background-color:Lime'>Lime</option>"
	                    +"<option value='LimeGreen' style='background-color:LimeGreen'>LimeGreen</option>"
	                    +"<option value='Linen' style='background-color:Linen'>Linen</option>"
	                    +"<option value='Magenta' style='background-color:Magenta'>Magenta</option>"	              
	                    +"<option value='MintCream' style='background-color:MintCream'>MintCream</option>"
	                    +"<option value='MistyRose' style='background-color:MistyRose'>MistyRose</option>"
	                    +"<option value='Moccasin' style='background-color:Moccasin'>Moccasin</option>"
	                    +"<option value='NavajoWhite' style='background-color:NavajoWhite'>NavajoWhite</option>"
	                    +"<option value='Navy' style='background-color:Navy'>Navy</option>"
	                    +"<option value='OldLace' style='background-color:OldLace'>OldLace</option>"	               
	                    +"<option value='Orchid' style='background-color:Orchid'>Orchid</option>"
	                    +"<option value='PaleGoldenrod' style='background-color:PaleGoldenrod'>PaleGoldenrod</option>"
	                    +"<option value='PaleGreen' style='background-color:PaleGreen'>PaleGreen</option>"
	                    +"<option value='PaleTurquoise' style='background-color:PaleTurquoise'>PaleTurquoise</option>"
	                    +"<option value='PaleVioletRed' style='background-color:PaleVioletRed'>PaleVioletRed</option>"
	                    +"<option value='PapayaWhip' style='background-color:PapayaWhip'>PapayaWhip</option>"
	                    +"<option value='PeachPuff' style='background-color:PeachPuff'>PeachPuff</option>"
	                    +"<option value='Peru' style='background-color:Peru'>Peru</option>"
	                    +"<option value='Pink' style='background-color:Pink'>Pink</option>"
	                    +"<option value='Plum' style='background-color:Plum'>Plum</option>"
	                    +"<option value='PowderBlue' style='background-color:PowderBlue'>PowderBlue</option>"
	                    +"<option value='Purple' style='background-color:Purple'>Purple</option>"
	                    +"<option value='Red' style='background-color:Red'>Red</option>"
	                    +"<option value='RosyBrown' style='background-color:RosyBrown'>RosyBrown</option>"
	                    +"<option value='RoyalBlue' style='background-color:RoyalBlue'>RoyalBlue</option>"
	                    +"<option value='SaddleBrown' style='background-color:SaddleBrown'>SaddleBrown</option>"	               
	                    +"<option value='SkyBlue' style='background-color:SkyBlue'>SkyBlue</option>"
	                    +"<option value='SlateBlue' style='background-color:SlateBlue'>SlateBlue</option>"
	                    +"<option value='SlateGray' style='background-color:SlateGray'>SlateGray</option>"
	                    +"<option value='Snow' style='background-color:Snow'>Snow</option>"
	                    +"<option value='SpringGreen' style='background-color:SpringGreen'>SpringGreen</option>"
	                    +"<option value='SteelBlue' style='background-color:SteelBlue'>SteelBlue</option>"
	                    +"<option value='Tan' style='background-color:Tan'>Tan</option>"
	                    +"<option value='Teal' style='background-color:Teal'>Teal</option>"	              
	                    +"<option value='Turquoise' style='background-color:Turquoise'>Turquoise</option>"
	                    +"<option value='Violet' style='background-color:Violet'>Violet</option>"
	                    +"<option value='Wheat' style='background-color:Wheat'>Wheat</option>"
	                    +"<option value='White' style='background-color:White'>White</option>"
	                    +"<option value='WhiteSmoke' style='background-color:WhiteSmoke'>WhiteSmoke</option>"
	                    +"<option value='Yellow' style='background-color:Yellow'>Yellow</option>"
	                    +"<option value='YellowGreen' style='background-color:YellowGreen'>YellowGreen</option>"
	                    +"<option value='ButtonFace' style='background-color:ButtonFace'>ButtonFace</option>"
	                    +"<option value='ButtonHighlight' style='background-color:ButtonHighlight'>ButtonHighlight</option>"	              
                       +"</select>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type='button' class='btn48' onclick='sendMsg()' value='发言'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type='button' class='btn48' onclick='leave()' value='离开'></td></tr>"
                       +"</table></div>";
        conDiv.innerHTML = messageDiv + speakDiv;
        
        AjaxSend("","_page.ComeInto",null);
        
        _webChatDialog.setBody(conDiv.innerHTML);
        _webChatDialog.show(300,200);
        
    }
    else
    {
        AjaxSend("","_page.ComeInto",null);
        _msg = setInterval(getMessage, 1000);
        _webChatDialog.show(300,200);
    }
    moveToCenter(_webChatDialog.div);
}

//获取信息
function getMessage()
{
    AjaxSend("","_page.GetMessage",setMsg);
}

//刷新记录
function setMsg(value,content)
{
    if(value != "")
    {
        $("msg").innerHTML = value;
    }
}

//发送信息
function sendMsg()
{
    if($("speak").value != "")
    {
        var subVal = "_content:" + $("speak").value + "_;";
        subVal += "_color:" + $("color").value + "_;";
        AjaxSend(subVal,"_page.SaveMsg",function(value,content){
            if(value == "Success")
            {
                $("speak").value = "";
            }
        });
    }
    else
    {
        alert("发言不能为空！");
    }
}

//离开
function leave()
{
    _webChatDialog.close();
}