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]);
            }
        }
}