function change(id) {
		var inr = "id" + id; 
		if (id > 1) {
			var iprev = "id"+ (id-1);
			document.getElementById(iprev).style.backgroundColor = "#a99f8a";
			document.getElementById(iprev).style.borderTop = "4px solid #fff";
		}
		if (id < 8) {
			var inext = "id" + (id+1); 
			document.getElementById(inext).style.backgroundColor = "#a99f8a";
			document.getElementById(inext).style.borderTop = "4px solid #fff";
		}
		document.getElementById(inr).style.backgroundColor = "#356d6c";
		document.getElementById(inr).style.borderTop = "4px solid #94cfe1";
	}

	function change_back(id){
		var nr = "id" + id; 
		document.getElementById(nr).style.backgroundColor = "#7a6a49";
		document.getElementById(nr).style.borderTop = "4px solid #fff";
		if (id > 1) {
			var prev = "id"+ (id-1);
			document.getElementById(prev).style.backgroundColor = "#7a6a49";
			document.getElementById(prev).style.borderTop = "4px solid #fff";
		}
		if (id < 8) {
			var next = "id" + (id+1); 
			document.getElementById(next).style.backgroundColor = "#7a6a49";
			document.getElementById(next).style.borderTop = "4px solid #fff";
		}
	}