var border= new Array();
var score=0;

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

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

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++){
?? ??? ?border[i]=new Array();
?? ??? ?for(var j=0 ; j<4 ; j++)
?? ??? ??? ?border[i][j]=0
?? ?}

?? ?updateBorderView();

function updateBorderView(){
?? ?$(".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+'"></div>")
?? ??? ??? ?var theNumberCell=$('number-cell-'+i+'-'+j+)

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

?? ??? ??? ?else{
?? ??? ??? ??? ?theNumberCell.css("width","100px");
?? ??? ??? ??? ?theNumberCell.css("height","100px");
?? ??? ??? ??? ?theNumberCell.css("top",getPosTop(i,j));
?? ??? ??? ??? ?theNumberCell.css("left",getPosLeft(i,j));
?? ??? ??? ??? ?theNumberCell.css("background-color",getNumberBackgroundColor(border[i][j]));
?? ??? ??? ??? ?theNumberCell.css("color",getNumberColor(border[i][j]));
?? ??? ??? ??? ?theNumberCell.text(border[i][j]);
?? ??? ??? ?}
?? ??? ?}
}