function spin(image, id) {
	var field = image.src.substr(image.src.length - 6, 1);
	if (!(Math.pow(2, field - 1) & document.getElementById(('id' + id)).value)) {
		image.src = "images/feld" + field + "a.gif";
		document.getElementById(('id' + id)).value = (document.getElementById(('id' + id)).value * 1) + Math.pow(2, field - 1);
	} else {
		image.src = "images/feld" + field + "d.gif";
		document.getElementById(('id' + id)).value = (document.getElementById(('id' + id)).value * 1) - Math.pow(2, field - 1);
	}
}

function fullsize(image, id) {
	var out = "";
	var field = image.src.substr(image.src.length - 6, 1);
	out += "<img src=\"images/feld" + field + ".gif\" onDblClick=\"resume(this, '" + id + "');\">";
	out += "<input type=\"hidden\" name=\"HINTS[" + id + "]\" id=\"id" + id + "\" value=\"" + document.getElementById(('id' + id)).value + "\">";
	out += "<input type=\"hidden\" name=\"USERFIELD[" + id + "]\" value=\"" + field + "\">";
	image.offsetParent.innerHTML = out;
}

function resume(image, id){
	var out = "";
	for (var i = 0; i < 9; i++) {
		if ((Math.pow(2, i) & document.getElementById(('id' + id)).value) == Math.pow(2, i)) {
			out += "<img onClick=\"spin(this, '" + id + "');\" onDblClick=\"fullsize(this, '" + id + "');\" src=\"images/feld" + (i + 1) + "a.gif\">";
		} else {
			out += "<img onClick=\"spin(this, '" + id + "');\" onDblClick=\"fullsize(this, '" + id + "');\" src=\"images/feld" + (i + 1) + "d.gif\">";
		}
		if (i == 2 || i == 5) {
			out += "<br />";
		}
	}
	out += "<input type=\"hidden\" name=\"HINTS[" + id + "]\" id=\"id" + id + "\" value=\"" + document.getElementById(('id' + id)).value + "\">";
	image.offsetParent.innerHTML = out;
}