Schiffeversenken

var colorEmpty = "white";
var colorMouseOver = "#dddddd";
var colorCantPlaceShip = "red";
var colorOwnShip = "blue";

var allowSet = false;

var actualShipLength = 4
var actualShipDirection = "e" //north, east
var actualFieldPosX;
var actualFieldPosY;
var fieldWidth = 9;
var fieldHeight = 9;



function changeColor(field){
	setPositions(field);
	clearField();
	checkShipInField();



function colorize(x, y, color){
	//console.log("colorize, "+x+", "+y);
	document.getElementById("f"+x+"_"+y).style.backgroundColor=color;
}

function clearField(){
	for(var x=0;x<=9;x++){
		for(var y=0;y<=9;y++){
			colorize(x, y, colorEmpty);

		}
	}
}

function setPositions(field){
	//console.log("getPositions");
	var posUnderscore = field.id.indexOf("_");
	actualFieldPosX = parseInt(field.id.substr(1,posUnderscore - 1));
	actualFieldPosY = parseInt(field.id.substr(posUnderscore + 1));
	//console.log(actualFieldPosX+" "+actualFieldPosY);
}

function checkShipInField(){
	if(actualShipDirection == "n"){
		if(!(actualFieldPosX - actualShipLength + 1 < 0)){
			for(var i=0;i<actualShipLength;i++){
				colorize((actualFieldPosX - i), actualFieldPosY, colorMouseOver);
				allowSet = true;
				//console.log(actualFieldPosX+", "+ (actualFieldPosY+i));
			}
		}else{
			colorize(actualFieldPosX, actualFieldPosY, colorCantPlaceShip);
			allowSet = false;
		}
	}else if(actualShipDirection == "e"){
		if((actualFieldPosY + actualShipLength - 1 < 10)){
			for(var i=0;i<actualShipLength;i++){
				colorize(actualFieldPosX, (actualFieldPosY +i), colorMouseOver);
				allowSet = true;
			}
		}else{
			colorize(actualFieldPosX, actualFieldPosY, colorCantPlaceShip);
			allowSet = false;
		}
	}
	console.log(allowSet);
}