var ENCODING="_    abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ";
var IMGBASE = "/img";
var SELECTEDIMG = "selected.gif";
var selected = -1;
var gids = new Array();
var tid = 0;
function setBuilding(fid, gid) {
	var imgurl = IMGBASE+"/un/g/iso.gif";
	if (gid > 4) {
		var imgurl = IMGBASE+"/un/g/g"+gid+".gif";
	}
	document.getElementById("fid"+fid).src=imgurl;
	gids[fid] = gid;
}
function setSelectedBuilding(gid) {
	if (selected >= 0) {
		setBuilding(selected, gid);
		selected = -1;
	} else {
		alert("Please first select a field, then the building to set on it!");
	}
}
function selectField(fid) {
	if (selected >= 0) {
		document.getElementById("fid"+selected).src=IMGBASE+"/un/g/iso.gif";
	}
	document.getElementById("fid"+fid).src=SELECTEDIMG;
	selected = fid;
}
function onLoad() {
	var query = window.location.search;
	var offset = query.indexOf("a=");
	if (offset >= 0) {
		var a = query.substr(offset+2);
		offset = a.indexOf("&");
		if (offset >= 0) {
			a = a.substr(0, offset);
		}
	  for (var id=0; id<19; id++) {
			//var gid = ENCODING.indexOf(a.charAt(id));
			var gid = ENCODING.indexOf(a[id]);
			setBuilding(id, gid);
		}
	}
	offset = query.indexOf("t=");
	if ((offset >= 0) && (offset < query.length-2)) {
		var t = query[offset+2];
		tribe(t);
	}
	offset = query.indexOf("n=");
	if (offset >= 0) {
		var name = query.substr(offset+2);
		offset = name.indexOf("&");
		if (offset >= 0) {
			name = name.substr(0, offset);
		}
		document.getElementById("vnamein").value=decodeURIComponent(name);
		updateName();
	}
}
function makeBookmark() {
	var query = "";
  for (var id=0; id<19; id++) {
		var gid = gids[id];
		if (gid < 5) { gid = 0; }
		query += ENCODING.charAt(gids[id]);
	}
	var name = encodeURIComponent(document.getElementById("vnamein").value);
	document.location.href="?a="+query+"&t="+tid+"&n="+name;
}
function tribe(t) {
	document.getElementById("village"+tid).style.visibility="hidden";
	if (tid != 0) {
		document.getElementById("tribe"+tid).style.border="2px solid gray";
	}
	if (t == tid) {
		tid = 0;
	} else {
		tid = t;
		document.getElementById("tribe"+t).style.border="2px solid red";
	}
	document.getElementById("village"+tid).style.visibility="visible";
}
function updateName() {
	var name = document.getElementById("vnamein").value;
	document.getElementById("vname").innerHTML = name;
}