//record = 1000000

function arrayEquals(a, b) {
    return Array.isArray(a) &&
        Array.isArray(b) &&
        a.length === b.length &&
        a.every((val, index) => val === b[index]);
}

//boardSize = 45
xs = 45
ys = 15
x = 20
y = 5
oldX = x
oldY = y

function NW(pair) { // press W
	X=pair[0];
	Y=pair[1];
	if (Y%2 == 0) {
		X -= 1;
		if (X<0){X=0;}
	}
	Y -= 1;
	if (Y < 0) {Y=0;}
	return [X,Y]
}

function R(pair) { // press d
	X=pair[0];
	Y=pair[1];
	X += 1;
	if (X>xs - 1) {X=xs - 1;}
	return [X,Y]
}

function L(pair) { // press a
	X=pair[0];
	Y=pair[1];
	X -= 1;
	if (X<0) {X = 0;}
	return [X,Y]
}

function NE(pair) { // press E
	X=pair[0];
	Y=pair[1];
	if (Y%2 == 1) {
		X += 1;
		if (X>xs-1){X=xs-1;}
	}
	Y -= 1;
	if (Y < 0) {Y=0;}
	return [X,Y]
}

function SW(pair) { // press Z
	X=pair[0];
	Y=pair[1];
	if (Y%2 == 0) {
		X -= 1;
		if (X<0){X=0;}
	}
	Y += 1;
	if (Y>= ys) {Y=ys - 1;}
	return [X,Y]
}

function SE(pair) { // press x
	X=pair[0];
	Y=pair[1];
	if (Y%2 == 1) {
		X += 1;
		if (X>xs-1){X=xs-1;}
	}
	Y += 1;
	if (Y>= ys) {Y=ys - 1;}
	return [X,Y]
}

function nearby(u,v) {
	if (arrayEquals(u, SE(v))) {
		return true;
	}
	if (arrayEquals(u, SW(v))) {
		return true;
	}
	if (arrayEquals(u, NE(v))) {
		return true;
	}
	if (arrayEquals(u, NW(v))) {
		return true;
	}
	if (arrayEquals(u, L(v))) {
		return true;
	}
	if (arrayEquals(u, R(v))) {
		return true;
	}
	return false;
}



$(document).ready(
	function(){
		places = document.getElementsByClassName('digits').length // must match "places" in drc.go
		for (place=0; place<places; place++) {
			if (document.getElementById((place).toString()).innerHTML == "0") {
				document.getElementById((place).toString()).style.backgroundColor = "rgb(128,0,0)";
			}
			if (document.getElementById((place).toString()).innerHTML == "1") {
				document.getElementById((place).toString()).style.backgroundColor = "rgb(128,128,0)";
			}
			if (document.getElementById((place).toString()).innerHTML == "2") {
				document.getElementById((place).toString()).style.backgroundColor = "rgb(128,255,0)";
			}
		}
		timer = false
		function hex(x,y) {
			index = xs*y+x;
			return document.getElementsByTagName("polygon")[index];
		}
		matches = 0
		//x=0
		//y=0
		//oldX = 0
		//oldY = 0
		locations = [[0,0]]
		//hex(xs-1,ys-1).style.fill="black";
		hex(0,0).style.fill="yellow";
		count = 0
		$(document).keypress(
			function(event){
				count += 1
				if (count == places) {
					alert("Done! You achieved " + matches.toString() + " matches. Press OK for a new strand.");
					count = 0;
					location.reload();
				}
				if (!timer) {
					timer = true
					startTime = new Date().getTime();
				}
				oldX = x;
				oldY = y;
				pair = [x,y];
				theKey = String.fromCharCode(event.which);
				if (theKey == "a") {
					[x,y]=L(pair)
				}
				if (theKey == "d") {
					[x,y]=R(pair)
				}
				if (theKey == "w") {
					[x,y]=NW(pair);
				}
				if (theKey == "e") {
					[x,y]=NE(pair);
				}
				if (theKey == "z") {
					[x,y]=SW(pair);
				}
				if (theKey == "x") {
					[x,y]=SE(pair);
				}
				locations[count] = [x,y]
				if (
					(hex(x,y).style.fill == "green")
					||
					(hex(x,y).style.fill == "black")
					||
					(hex(x,y).style.fill == "orange")
				){
					if (document.getElementById((count-1).toString()).innerHTML == "0") {
						hex(oldX,oldY).style.fill="rgb(128,0,"+ count.toString() + ")";
						document.getElementById((count-1).toString()).style.backgroundColor = "white";// "rgb(128,0,0)";
					}
					if (document.getElementById((count-1).toString()).innerHTML == "1") {
						hex(oldX,oldY).style.fill="rgb(128,128,"+ count.toString() + ")";
						document.getElementById((count-1).toString()).style.backgroundColor = "white"; //"rgb(128,128,0)";
					}
					if (document.getElementById((count-1).toString()).innerHTML == "2") {
						hex(oldX,oldY).style.fill="rgb(128,255,"+ count.toString() + ")";
						document.getElementById((count-1).toString()).style.backgroundColor = "white"; //"rgb(128,255,0)";
					}

					hex(x,y).style.fill = "yellow";
					for (j=0; j<count-2; j++) {
						oldHex = hex(locations[j][0],locations[j][1]);
						newHex = hex(locations[count-1][0],locations[count-1][1]);
						//if (nearby(locations[j],[x,y])) {
						//	console.log('Nearby' + (j).toString() + "; " + oldHex.style.fill[7] + " vs. " + newHex.style.fill[7]);
						//}
						//else {
						//	console.log('Not nearby' + (j).toString());
						//}
						if ((
							oldHex.style.fill[9] == // i.e. the black/green status! either '0' or '2'
							newHex.style.fill[9]
						) && ( nearby(locations[j],locations[count-1])
						)) {
							matches += 1;
							console.log(matches + " witnessed by " + (locations[j]).toString() + " and " + (locations[count-1]).toString());
							console.log("at times" + (j).toString() + " and " + (count-1).toString());
							document.getElementById('score').innerHTML = matches.toString();
						}
					}
				} else {// if background is some kind of blue, don't allow the move.
					x = oldX;
					y = oldY;
					count -= 1;
				};
				
				
				$("#coords").html(
					"(" + x.toString() + "," + y.toString() +")"
				);
				if (
					(x==xs - 1) && (y==ys - 1)
				) {
					newScore = (new Date().getTime())-startTime;
					//if (newScore < record) {
					//	recordString = " New record!! The old one was " + record.toString();
					//	record = newScore;
					//} else {
					//	recordString = "NOT a new record...The record is still " + record.toString();
					//}
					alert(
						"You did it!\n" + (newScore/1000).toString() + " seconds.\n" //+ recordString
					);
				};
			}
		);
	}
);