TimeZone2 = function() {
    this.SelectArray = "";
    this.EmbedArray = "";
}

TimeZone2.prototype = {
    ViewSettingMap: function(imgServer, utcName, utcDistance) {

        this.SelectArray = document.getElementsByTagName("select");

        for (var i = 0; i < this.SelectArray.length; i++) {
            this.SelectArray[i].style.visibility = "hidden";
        }

        this.EmbedArray = document.getElementsByTagName("embed");

        for (var i = 0; i < this.EmbedArray.length; i++) {
            this.EmbedArray[i].style.visibility = "hidden";
        }

        if (document.getElementById("MapManage") != "null") {
            var oMapManage = document.createElement("div");
           
            oMapManage.id = "MapManage";
            oMapManage.style.display = "none";
            oMapManage.style.position = "absolute";
            oMapManage.style.left = "300px";
            oMapManage.style.top = "250px";
            oMapManage.style.zIndex = 10000;

            var oIndexScript = new IndexScript();

            oIndexScript.GetUTCList(utcDistance, function(result) {
                var url = "/WCGZone/javascript/template/tmpl_UTCList.html";
                $.get(url, function(html) {
                    var tmpl = parseTemplate(html, {
                        ImgServer: imgServer,
                        TimeZoneList: result
                    });
                    $(oMapManage).html(tmpl);                

                    var oBody = document.getElementsByTagName("body")[0];
                    oBody.appendChild(oMapManage);

                    OpenDiv(oMapManage.id);
                });
            });
        }
    },

    OnClickMapCity: function(SelectedCityNo) {

        var oIndexScript = new IndexScript();
        oIndexScript.GetUTCListByCity(SelectedCityNo, function(result) {

            var oddlUTCSelect = document.getElementById("ddlUTCSelect");

            for (var i = 0; i < oddlUTCSelect.options.length; i++) {

                if (oddlUTCSelect.options[i].value == result) {
                    oddlUTCSelect.options[i].selected = true;
                }
            }
        });
    },

    OnSelectedChangeUTCList: function() {

        var chkDaylight = document.getElementById("chkDaylight");

        //alert(chkDaylight.checked);

        var hdnDaylightSavingTime = document.getElementById("ctl00_hdnDaylightSavingTime");

        if (hdnDaylightSavingTime == null)
            hdnDaylightSavingTime = document.getElementById("ctl00_ctl00_hdnDaylightSavingTime");

        if (chkDaylight.checked) {
            hdnDaylightSavingTime.value = "true";
        }
        else {
            hdnDaylightSavingTime.value = "false";
        }

        var obj = document.getElementById("ddlUTCSelect");
        var selectedOption = obj.options[obj.selectedIndex];

        var hdnUTCTime = document.getElementById("ctl00_hdnUTCTime");

        if (hdnUTCTime == null) {
            hdnUTCTime = document.getElementById("ctl00_ctl00_hdnUTCTime");
            hdnUTCTime.value = selectedOption.getAttribute("time") + "|" + selectedOption.text;
            __doPostBack('ctl00$ctl00$btnChangeUTCTime', '');
        }
        else {
            hdnUTCTime.value = selectedOption.getAttribute("time") + "|" + selectedOption.text;
            __doPostBack('ctl00$btnChangeUTCTime', '');
        }

    },

    Close: function() {

        this.SelectArray = document.getElementsByTagName("select");

        for (var i = 0; i < this.SelectArray.length; i++) {
            this.SelectArray[i].style.visibility = "visible";
        }

        this.EmbedArray = document.getElementsByTagName("embed");

        for (var i = 0; i < this.EmbedArray.length; i++) {
            this.EmbedArray[i].style.visibility = "visible";
        }

        var oMapManage = document.getElementById("MapManage");
        var oBody = document.getElementsByTagName("body")[0];

        CloseDiv();

        oBody.removeChild(oMapManage);

        //$('blind').setStyle('display', 'none');
    }
}