var?board?=?new?Array();
var?scroe?=?0;

$(document).ready(function(){
	newgame();
});

function?newgame()?{
	//?初始化棋盤格
	init();
	//在隨機(jī)兩個格子生成數(shù)字
	generateOneNumber();
	generateOneNumber();
}

function?init(){
	for(var?i?=?0?;?i?<?4?;?i?++?){
		for(var?j?=?0?;?j?<?4?;?j?++?){
			var?gridCell?=?$("#grid-cell-"+i+"-"+j);
			gridCell.css('top',?getPosTop(?i?,?j?)?);
			gridCell.css('left',?getPosLeft(?i?,?j?)?);
		}
	}

	for(var?i?=?0?;?i?<?4?;?i?++?){
		board[i]?=?new?Array();
		for(var?j?=?0?;?j?<?4?;?j?++?){
			board[i][j]?=?0;
		}
	}

	updateBoardView();
	score?=?0;
	console.table(board);
}

function?updateBoardView(){
	$(".number-cell").remove();
	for(var?i?=?0?;?i?<?4?;?i?++?){
		for(var?j?=?0?;?j?<?4?;?j?++?){
			$("#grid-container").append('<div?class="number-cell"?id="number-cell-'+i+'-'+j+'">');
			var?theNumberCell?=?$('#number-cell-'+i+'-'+j);

			if(?board[i][j]?==?0?){
				theNumberCell.css('width',0);
				theNumberCell.css('height',0);
				theNumberCell.css('top',?getPosTop(i,j)+50?);
				theNumberCell.css('left',?getPosLeft(i,j)+50?);

			}else{
				theNumberCell.css('width',100);
				theNumberCell.css('height',100);
				theNumberCell.css('top',?getPosTop(i,j)?);
				theNumberCell.css('left',?getPosLeft(i,j)?);
				theNumberCell.css('background-color',getNumberBgColor(?board[i][j]?)?);
				theNumberCell.css('color',getNumberColor(?board[i][j]?)?);
				theNumberCell.text(?board[i][j]?);
			}
		}
	}
}

function?generateOneNumber(){
	if(?noSpace(?board?))
		return?false;
	//隨機(jī)一個位置
	var?randx?=?parseInt(?Math.floor(?Math.random()*4?)?);
	var?randy?=?parseInt(?Math.floor(?Math.random()*4?)?);

	while(?true?){
		if?(?board[randx][randy]?==?0?)?break;
		var?randx?=?parseInt(?Math.floor(?Math.random()*4?)?);
		var?randy?=?parseInt(?Math.floor(?Math.random()*4?)?);
	}

	//隨機(jī)一個數(shù)字
	var?randNumber?=?Math.random()?<?0.5???2?:?4?;
	//在隨機(jī)位置顯示隨機(jī)數(shù)字
	
	board[randx][randy]?=?randNumber;
	showNumberWithAnimation(?randx,?randy,?randNumber?);

	return?true;

}

$(document).keydown(function(event){
	switch(?event.keyCode?){
		case?37:?//左
			if(?moveLeft()?){
				generateOneNumber();?
				isGameOver();
			};
			break;?
		case?38:?//上
			if(?moveTop()?){
				generateOneNumber();?
				isGameOver();
			};
			break;?
		case?39:?//右
			if(?moveRight()?){
				generateOneNumber();?
				isGameOver();
			};
			break;?
		case?40:?//下
			if(?moveDown()?){
				generateOneNumber();?
				isGameOver();
			};
			break;?
		default:?//默認(rèn)
			break;?
	}
	console.table(board);
});

function?isGameOver(){

}

function?moveLeft(){
	if(?!canMoveLeft(?board?)?)
		return?false;
	//move?left
	for(var?i?=?0?;?i?<?4?;?i?++?)
		for(var?j?=?1?;?j?<?4?;?j?++?)
			if(?board[i][j]?!=?0?)
				for(?var?k?=?0;?k?<?j?;?k?++?)
					if(?board[j][k]?==?0?&&?noBlockHorizontal(?i,k,j,board?)?){
						//move
						showMoveAnimation(i,j,i,k);
						board[i][k]?=?board[i][j];
						board[i][j]?=?0;
						continue;
					}
					else?if(?board[i][k]?==?board[i][j]?&&?noBlockHorizontal(i,k,j,board)?){
						//move
						showMoveAnimation(i,j,i,k);
						//add
						board[i][k]?+=?board[i][j];
						board[i][j]?=?0;
						//add?score
						score?+=?board[i][k];
						updateScore(?score?);
						continue;
					}

	setTimeout("updateBoardView()",200);
	return?true;
	
}