function Mapper(C, D) {
    cO(this, C);
    if (this.parent) {
        this.parent = cl(this.parent)
    } else {
        return
    }
    var B;
    this.mouseX = this.mouseY = 0;
    this.editable = this.editable || false;
    if (this.editable) {
        this.zoomable = this.toggle = false;
        this.show = this.mouse = true
    } else {
        this.zoomable = (this.zoomable == null ? true: this.zoomable);
        this.toggle = (this.toggle == null ? true: this.toggle);
        this.show = (this.show == null ? true: this.show);
        this.mouse = (this.mouse == null ? false: this.mouse)
    }
    this.zoneLink = (this.zoneLink == null ? true: this.zoneLink);
    if (location.href.indexOf("zone=") != -1) {
        this.zoneLink = false
    }
    this.zoom = (this.zoom == null ? 0 : this.zoom);
    this.zone = (this.zone == null ? 0 : this.zone);
    this.pins = [];
    this.nCoords = 0;
    this.parent.className = "map";
    this.parent.appendChild(this.span = ce("span"));
    $(this.span).html("<div id=\"image_id\" style=\"text-align:center\"></div>");
    B = this.span.style;
    B.display = "block";
    B.position = "relative";
    ns(this.span);
    if (this.editable) {
        this.span.onmouseup = this.addPin.bind(this);
        B = g_createGlow("Tip: 点击地图 to add/remove pins");
        B.style.fontSize = "11px";
        B.style.position = "absolute";
        B.style.bottom = B.style.right = "0";
        ns(B);
        this.parent.appendChild(B)
    } else {
        this.sToggle = B = g_createGlow("[隐藏]");
        B.style.position = "absolute";
        B.style.top = B.style.right = "0";
        B.onclick = this.toggleShow.bind(this);
        B.style.display = "none";
        ns(B);
        this.parent.appendChild(B)
    }
    if (this.zoomable) {
        this.span.onclick = this.toggleZoom.bind(this);
        this.sZoom = B = g_createGlow("点击放大图片");
        B.style.fontSize = "11px";
        B.style.position = "absolute";
        B.style.bottom = B.style.right = "0";
        ns(B);
        this.span.appendChild(B)
    }
    if (this.zoneLink) {
        this.sZoneLink = B = g_createGlow("zone link");
        var E = B.childNodes[4];
        var A = ce("a");
        A.href = "/?zones";
        ae(A, ct(E.firstChild.nodeValue));
        de(E.firstChild);
        ae(E, A);
        B.style.display = "none";
        B.style.position = "absolute";
        B.style.top = B.style.left = "0";
        this.parent.appendChild(B)
    }
    if (this.mouse) {
        this.parent.onmouseout = (function() {
            this.timeout = setTimeout((function() {
                this.sMouse.style.display = "none"
            }).bind(this), 1)
        }).bind(this);
        this.parent.onmouseover = (function() {
            clearTimeout(this.timeout);
            this.sMouse.style.display = ""
        }).bind(this);
        this.span.onmousemove = this.span.onmousedown = this.getMousePos.bind(this);
        this.sMouse = B = g_createGlow("(0.0, 0.0)");
        B.style.display = "none";
        B.style.position = "absolute";
        B.style.bottom = B.style.left = "0";
        B.onmouseup = sp;
        ns(B);
        this.span.appendChild(B)
    }
    this.pinBag = B = ce("div");
    ae(this.span, this.pinBag);
    if (C.coords != null) {
        this.setCoords(C.coords)
    } else {
        if (C.link != null) {
            this.setLink(C.link)
        }
    }
    this.updateMap(D)
}
Mapper.sizes = [[488, 325, "normal"], [725, 483, "zoom"]];
Mapper.prototype = {
    update: function(A, B) {
        if (A.zoom != null) {
            this.zoom = A.zoom
        }
        if (A.zone != null) {
            this.zone = A.zone
        }
        if (A.show != null) {
            this.show = A.show
        }
        if (A.coords != null) {
            this.setCoords(A.coords)
        } else {
            if (A.link != null) {
                this.setLink(A.link)
            }
        }
        this.updateMap(B)
    },
    getZone: function() {
        return this.zone
    },
    setZone: function(A, B) {
        this.zone = A;
        this.updateMap(B);
        return true
    },
    getZoom: function() {
        return this.zoom
    },
    setZoom: function(A, B) {
        this.zoom = A;
        this.updateMap(B)
    },
    toggleZoom: function(A) {
        this.zoom = 1 - this.zoom;
        this.updateMap();
        this.getMousePos(A);
        if (this.sZoom) {
            this.sZoom.style.display = "none";
//            this.sZoom = null
        }
        if(this.zoom != 1){
        	this.sZoom.style.display = "block";
        }
    },
    getShow: function() {
        return this.show
    },
    setShow: function(A) {
        this.show = A;
        var B = this.show ? "": "none";
        this.pinBag.style.display = B;
        g_setTextNodes(this.sToggle, (this.show ? "[隐藏]":"[显示]"))
    },
    toggleShow: function() {
        this.setShow(!this.show)
    },
    getCoords: function() {
        var A = [];
        for (var B in this.pins) {
            if (!this.pins[B].free) {
                A.push([this.pins[B].x, this.pins[B].y])
            }
        }
        return A
    },
    setCoords: function(D) {
        var A;
        for (var C in this.pins) {
            this.pins[C].style.display = "none";
            this.pins[C].free = true
        }
        this.nCoords = D.length;
        for (var C in D) {
            var E = D[C];
            var B = E[2];
            A = this.getPin();
            A.x = E[0];
            A.y = E[1];
            A.style.left = A.x + "%";
            A.style.top = A.y + "%";
            if (this.editable) {
                A.a.onmouseup = this.delPin.bind(this, A)
            } else {
                if (B && B.url) {
                    A.a.href = B.url;
                    A.a.style.cursor = "pointer"
                }
            }
            if (B && B.label) {
                A.a.tt = B.label
            } else {
                A.a.tt = "$"
            }
            if (B && B.type) {
                A.className += " pin-" + B.type
            }
            A.a.tt = str_replace(A.a.tt, "$", A.x.toFixed(1) + ", " + A.y.toFixed(1))
        }
        this.onPinUpdate && this.onPinUpdate(this)
    },
    getLink: function() {
        var B = "";
        for (var A in this.pins) {
            if (!this.pins[A].free) {
                B += (this.pins[A].x < 10 ? "0": "") + (this.pins[A].x * 10).toFixed(0) + (this.pins[A].y < 10 ? "0": "") + (this.pins[A].y * 10).toFixed(0)
            }
        }
        return (this.zone ? this.zone: "") + (B ? ":" + B: "")
    },
    setLink: function(D) {
        var B = [];
        D = D.split(":");
        if (!this.setZone(D[0])) {
            return false
        }
        if (D.length == 2) {
            for (var C = 0; C < D[1].length; C += 6) {
                var A = D[1].substr(C, 3) / 10;
                var E = D[1].substr(C + 3, 3) / 10;
                if (isNaN(A) || isNaN(E)) {
                    break
                }
                B.push([A, E])
            }
        }
        this.setCoords(B);
        return true
    },
    updateMap: function(C) {
        this.parent.style.width = this.span.style.width = Mapper.sizes[this.zoom][0] + "px";
        this.parent.style.height = this.span.style.height = Mapper.sizes[this.zoom][1] + "px";
        if (!this.editable) {
            this.parent.style.cssFloat = this.parent.style.styleFloat = "left"
        }
        if (this.zone == "0") {
            this.span.style.background = "black"
        } else {
//            this.span.style.background = "url(./images/maps/" + g_locale.name + "/" + Mapper.sizes[this.zoom][2] + "/" + this.zone + ".jpg)"
//            this.span.style.background = "url(http://db.178.com/wow/maps/"+lang['lang']+ "/" + Mapper.sizes[this.zoom][2] + "/" + this.zone + ".jpg)"
			var html_img = "<img style=\"height:"+this.parent.style.height+";width:auto;z-index:-1;\" src=\"http://db.178.com/wow/maps/"+lang['lang']+"/normal/"+this.zone+".jpg\">";
			$("#image_id").html(html_img);
        }
        if (this.zoneLink) {
            var A = parseInt(this.zone);
            var B = g_zones[A] != null;
            if (B) {
                g_setTextNodes(this.sZoneLink, g_zones[A]);
                this.sZoneLink.childNodes[4].firstChild.href = + A + ".html";
            }
            this.sZoneLink.style.display = B ? "": "none"
        }
        if (this.sToggle) {
            this.sToggle.style.display = (this.toggle && this.nCoords ? "": "none")
        }
        if (!C) {
            g_scrollTo(this.parent, 3)
        }
        this.onMapUpdate && this.onMapUpdate(this)
    },
    cleanPin: function(B) {
        var A = this.pins[B];
        A.style.display = "";
        A.free = false;
        A.className = "pin";
        A.a.onmousedown = rf;
        A.a.onmouseup = rf;
        A.a.href = "javascript:;";
        A.a.style.cursor = "default";
        return A
    },
    getPin: function() {
        for (var C = 0; C < this.pins.length; ++C) {
            if (this.pins[C].free) {
                return this.cleanPin(C)
            }
        }
        var B = ce("div"),
        A = ce("a");
        B.className = "pin";
        B.appendChild(A);
        B.a = A;
        A.onmouseover = this.pinOver;
//        A.onmouseover = alert(111);
        A.onmouseout = CTooltip.hide;
        A.onclick = sp;
        this.pins.push(B);
        this.cleanPin(this.pins.length - 1);
        ae(this.pinBag, B);
        return B
    },
    addPin: function(B) {
        B = $E(B);
        if (B._button >= 2) {
            return
        }
        this.getMousePos(B);
        var A = this.getPin();
        A.x = this.mouseX;
        A.y = this.mouseY;
        A.style.left = A.x.toFixed(1) + "%";
        A.style.top = A.y.toFixed(1) + "%";
        A.a.onmouseup = this.delPin.bind(this, A);
        A.a.tt = A.x.toFixed(1) + ", " + A.y.toFixed(1);
        this.onPinUpdate && this.onPinUpdate(this);
        return false
    },
    delPin: function(A, B) {
        B = $E(B);
        A.style.display = "none";
        A.free = true;
        sp(B);
        this.onPinUpdate && this.onPinUpdate(this);
        return
    },
    pinOver: function() {
        CTooltip.show(this, this.tt, 4, 0)
    },
    getMousePos: function(B) {
        B = $E(B);
        var C = ac(this.parent);
        var A = g_getScroll();
        this.mouseX = Math.floor((B.clientX + A.x - C[0] - 3) / Mapper.sizes[this.zoom][0] * 1000) / 10;
        this.mouseY = Math.floor((B.clientY + A.y - C[1] - 3) / Mapper.sizes[this.zoom][1] * 1000) / 10;
        if (this.mouseX < 0) {
            this.mouseX = 0
        } else {
            if (this.mouseX > 100) {
                this.mouseX = 100
            }
        }
        if (this.mouseY < 0) {
            this.mouseY = 0
        } else {
            if (this.mouseY > 100) {
                this.mouseY = 100
            }
        }
        if (this.mouse) {
            g_setTextNodes(this.sMouse, "(" + this.mouseX.toFixed(1) + ", " + this.mouseY.toFixed(1) + ")")
        }
    }
};
function ma_initShowOnMap() {
    var D = ge("side");
    var A = ce("select");
    var C = ce("option");
    C.value = "";
    C.style.color = "#bbbbbb";
    ae(C, ct("-- 下拉显示任务分布 --"));
    ae(A, C);
    if (showOnMap.qg_alliance || showOnMap.qg_horde) {
        var B = ce("optgroup", {
            label: "任务NPC"
        });
        if (showOnMap.qg_alliance) {
            ae(B, ce("option", {
                value: "qg_alliance",
                innerHTML: g_sides[1] + sprintf(" ($1)", showOnMap.qg_alliance.count)
            }))
        }
        if (showOnMap.qg_horde) {
            ae(B, ce("option", {
                value: "qg_horde",
                innerHTML: g_sides[2] + sprintf(" ($1)", showOnMap.qg_horde.count)
            }))
        }
        ae(A, B)
    }
    A.onchange = A.onkeyup = function() {
        var E = this.options[this.selectedIndex].value;
        myMapper.update({
            zone: g_pageInfo.id,
            coords: E ? showOnMap[E].coords: []
        })
    };
    ae(D, A)
};