rem: movesTd.rowSpan = 4 
add: movesTd.rowSpan = 5 
context: 		this.init = function() {			// the main frame		var boardFrame = document.getElementById(divId+"_board");				// toplevel table		var topTable = document.createElement("table")		var topTableTb = document.createElement("tbody")		topTable.appendChild(topTableTb)				topTable.style.border = "1px solid #000000"		var boardTd = document.createElement("td")		boardTd.style.width = "257px"		boardTd.vAlign = "top"		var btnTdNext = document.createElement("td")		btnTdNext.vAlign = 'top'		btnTdNext.align = 'center'		var btnTd = document.createElement("td")		btnTd.vAlign = 'top'		var propsTd = document.createElement("td")				// movesTable		var movesTd = document.createElement("td")		this.movesTd = movesTd		if (this.options['movesPaneWidth'])			movesTd.style.width = this.options['movesPaneWidth']		else			movesTd.style.overflow = "auto"		movesTd.rowSpan = 4		movesTd.valign = "top"				var tmp = document.createElement("tr")		tmp.appendChild(boardTd)		tmp.appendChild(movesTd)		topTableTb.appendChild(tmp)		topTableTb.appendChild(document.createElement("tr")).appendChild(btnTd)		topTableTb.appendChild(document.createElement("tr")).appendChild(btnTdNext)		topTableTb.appendChild(document.createElement("tr")).appendChild(propsTd)		var board = document.createElement("table")		var boardTb = document.createElement("tbody")		board.appendChild(boardTb)				board.style.top = boardFrame.style.top;		board.style.left = boardFrame.style.left;		board.style.borderCollapse = "collapse"				boardFrame.appendChild(topTable);		boardTd.appendChild(board)				var width = 31;		var height = 31;		this.options['blackSqColor'] = "#4b4b4b"		this.options['whiteSqColor'] = "#ffffff"		var whiteC = this.options['whiteSqColor']		var blackC = this.options['blackSqColor']		// white pieces		for(var i = 0; i < 8; i++) {			var tr = document.createElement("tr")			var flip = (i % 2)?1:0;			for(var j = 0; j < 8; j++) {				var td = document.createElement("td")   				td.style.height = height+"px"				td.style.width = width+"px"				td.style.border = "1px solid #000000"				td.style.padding = "0px"				var color = !flip?(j%2)?blackC:whiteC:!(j%2)?blackC:whiteC								td.style.background = color				this.pos[i][j] = td;				tr.appendChild(td)			}			boardTb.appendChild(tr)		}		this.populatePieces()		this.populateProps(propsTd)		this.populateMoves(movesTd)	 		// in java i could do Board.this in anon function		var tmp = this		// button td		btnTd.align = 'center'		btnTd.valign = 'middle'		// rwnd		var hrefS = document.createElement("a")		hrefS.href = "javascript:void(0)"		var href = hrefS.cloneNode(false)		var input = this.getImg("rwind","btns")		input.alt = 'Rewind to the beginning'		input.title = 'Rewind to the beginning'		href.appendChild(input)				input.onclick = function() {			startPosition(tmp)		}		btnTd.appendChild(href)		// back		input = this.getImg("back","btns")		input.alt = 'One move back'		input.title = 'One move back'		href = hrefS.cloneNode(false)		href.appendChild(input)				input.onclick = function() {			makeBwMove(tmp)		}					btnTd.appendChild(href)				// flip the board		input = this.getImg("flip","btns")		input.alt = 'Flip the board'		input.title = 'Flip the board'		href = hrefS.cloneNode(false)		href.appendChild(input)				input.onclick = function() {			flipBoard(tmp)		}		btnTd.appendChild(href)				// current move		// it is initialized in updateMoveInfo		var input = document.createElement("input")		input.style.fontSize = "7pt"		input.size = "9"		input.style.border = "0px solid #000000"		input.style.textAlign = 'center'		this.moveInput = input		btnTdNext.appendChild(input)		// end of current move		// hide		input = this.getImg("toggle","btns")		input.alt = 'Show moves pane'		input.title = 'Show moves pane'		href = hrefS.cloneNode(false)		href.appendChild(input)				if (!this.options['showMovesPane'])			 this.options['showMovesPane'] = false				input.onclick = function() {			toggleMoves(tmp, "flip")		}		btnTd.appendChild(href)				// next btn		input = this.getImg("forward","btns")		input.alt = 'Play one move'		input.title = 'Play one move'		href = hrefS.cloneNode(false)		href.appendChild(input)		input.onclick = function() {			makeMove(tmp)		}		btnTd.appendChild(href)				// ffwd		input = this.getImg("ffward","btns")		input.alt = 'Fast-forward to the end'		input.title = 'Fast-forward to the end'		href = hrefS.cloneNode(false)		href.appendChild(input)		input.onclick = function() {				endPosition(tmp)		}		btnTd.appendChild(href)		updateMoveInfo(this)	 }
meta: 5532	/local1/tlutelli/issta_data/temp/all_js/javascript/2007_temp/2007/5532/8dc82f970441289f8c19dae01ddbeadc156f15d6/board.js/buggy/src/board.js