[Flirer]

Здравствуйте.

Изучаю javascript, пишу небольшие скрипты, чтобы освоить основы и привыкнуть к синтаксису. Сейчас описываю модель движения корабля в двухмерном пространстве, задача состоит в том, чтобы подсветить клетки на которые корабль может перейти.
Смысл в том, чтобы корабль не мог повернуться на месте, то-есть он всегда идёт вперёд и может начать поворачивать. Сейчас задача только в том чтобы подсветить нужные ячейки в таблице.
Логика такова:
у коробля етсь параметры:
speed, turnSpeed, turnSpeedRate.
когда корабль пересекает количество клеток равное turnSpeedRate, у него появляется возможность сместиться вправо или влево. Подствечиваются дополнительные ячейки по бокам. Всего он может пересеч количество ячеек, равное speed.
Рекурсия находится в функцие moveFieldTurn.
http://phpsandbox.freevar.com/1/ - вот тут находится html файл, в который втсроен скрипт, и сам скрипт: http://phpsandbox.freevar.com/1/script.js

window.onload = tableDraw;
document.loopSize = 10;
ship=0;
function initAll() {
	document.onload = tableDraw;
}

function tableDraw() {
	document.fieldH = 30;
	document.fieldV = 30;
	var field = document.getElementById("field");
	for (var i=0;i<document.fieldV;i++){
		field.innerHTML = field.innerHTML + rowDraw(i);
	}

	uPosini();
}

function rowDraw(j) {
	var rows = "<tr>";
	for (var i=0;i<document.fieldH;i++){
		rows = rows + "<td id='v"+j+"h"+i+"' class='none'></td>";
	}
	rows = rows + "</td>";
	return rows;
}

function uPosini () {
	cordH = Math.floor(Math.random() * document.fieldH);
	cordV = Math.floor(Math.random() * document.fieldV);
	var position = "v" + cordV  + "h" + cordH;
	document.getElementById(position).className = "ship";
	shipIni(cordH, cordV);
	}
function shipIni() {
	ship = getElementsByClassName("ship");
	speed  = 13;
	turnSpeed = 1;
	turnSpeedRate = 3;
	alignAngle = 1;
	moveFieldIni();
}

function getElementsByClassName(classname, node) {
	if(!node) node = document.getElementsByTagName("body")[0];
	var a = [];
	var re = new RegExp('\\b' + classname + '\\b');
	var els = node.getElementsByTagName("*");
	for(var i=0,j=els.length; i<j; i++)
	if(re.test(els[i].className))a.push(els[i]);
	return a;
}

function moveFieldIni () {
	shipDate();	
	document.body.innerHTML += "<p>cords=" + cordV +"__"+ cordH+ "</p>"
	var turn=0;
	for (i=0;i!=speed;i++){
		var position = "v"+cordV+"h"+(cordH+i+1);
		if (document.getElementById(position)) {
			document.getElementById(position).className = "moveable";
			turn++;
			/*document.body.innerHTML += "<p>position befor turn=" + position + "</p>"*/
			if (turn==turnSpeedRate) {
				moveFieldTurn(i);
				var turn=0;
			}	
			/*document.body.innerHTML += "<p>position after turn=" + position + "</p>"*/
		}
	}	
}
function moveFieldTurn(turn){
	var rotate=0;
	for (var j=0;j!=(speed-turn);j++) {
	var positionInTurn = "v"+(cordV+1)+"h"+(cordH+turn+j+1);	
	if (document.getElementById(positionInTurn)){
		document.getElementById(positionInTurn).className = "moveable";
			if (rotate==turnSpeedRate) {
				moveFieldTurn(i);
				var rotate=0;
			}
			rotate++;
		}
		
	}
}

function shipDate() {

	document.body.innerHTML += "<p>speed=" + speed + "</p>"
	document.body.innerHTML += "<p>turnSpeed=" + turnSpeed + "</p>"
	document.body.innerHTML += "<p>turnSpeedRate=" + turnSpeedRate + "</p>"
	document.body.innerHTML += "<p>cordV=" + ship.cordV + "</p>"
	document.body.innerHTML += "<p>cordH=" + ship.cordH + "</p>"
}

Спасибо, прошу помощи, никак не могу понять в чём проблема.