/**
 * @class Map switcher 
 */
RPG.UI.Mapswitch = OZ.Class();

RPG.UI.Mapswitch.prototype.init = function(ul) {
	var def = (OZ.ie ? RPG.UI.ASCIIMap : RPG.UI.CanvasMap);
	this._ul = ul;
	this._map = {
		"ASCII": RPG.UI.ASCIIMap,
		"Graphics": RPG.UI.ImageMap,
		"Canvas": RPG.UI.CanvasMap
	}
	
	var link = false;
	for (var p in this._map) {
		var li = OZ.DOM.elm("li");
		var a = OZ.DOM.elm("a", {href:"#"});
		OZ.DOM.append([ul, li], [li, a]);
		a.innerHTML = p;
		
		if (this._map[p] == def) { link = a; }
	}
	
	OZ.Event.add(ul, "click", this.bind(this._click));
	this._use(link);
}

RPG.UI.Mapswitch.prototype._click = function(e) { 
	OZ.Event.prevent(e);
	var target = OZ.Event.target(e);
	this._use(target);
}

RPG.UI.Mapswitch.prototype._use = function(target) { 
	var ctor = this._map[target.innerHTML];

	/* clear old */
	var c = OZ.$("map");
	OZ.DOM.clear(c);
	
	/* create new */
	var div = OZ.DOM.elm("div");
	c.appendChild(div);
	RPG.UI.map = new ctor(div);

	/* adjust */
	var map = RPG.Game.getMap();
	if (map) { 
		RPG.UI.map.resize(map.getSize());
		RPG.UI.map.redrawAll(); 
	}

	/* add class */
	var as = this._ul.getElementsByTagName("a");
	for (var i=0;i<as.length;i++) { as[i].className = ""; }
	target.className = "active";
}