function gameRender(ctx,MODE){
    switch(MODE){
    case TITLE:
	titleRender(ctx);
	break;
    case MAIN:
	mainRender(ctx);
	break;
    case PLAY:
	playRender(ctx);
    }
}

function gameUpdate(MODE){
    switch(MODE){
    case TITLE:
//	titleUpdate();
	break;
    case MAIN:
//	mainUpdate();
	break;
    case PLAY:
	playUpdate();
    }    
}

function titleRender(ctx){
    reshape(ctx);
    ctx.clearColor(0,0,0,1);
    ctx.clear(ctx.COLOR_BUFFER_BIT | ctx.DEPTH_BUFFER_BIT);
    PutSpriteF(ctx,100,30,1,imgs[0]);
    PutSpriteF(ctx,100,90,1,imgs[1]);
    PutSpriteF(ctx,100,70,1,imgs[6]);
    ctx.flush();
}

function mainRender(ctx){
    reshape(ctx);
    ctx.clearColor(0,0,0,1);
    ctx.clear(ctx.COLOR_BUFFER_BIT | ctx.DEPTH_BUFFER_BIT);
    PutSpriteF(ctx,100,7.8125,1,imgs[2]);
    PutSpriteF(ctx,100,105,1,imgs[3]);  //y == 480

    PutSpriteF(ctx,100,70,1,imgs[6]);
    ctx.flush();
}

function playRender(ctx){
    reshape(ctx);
    ctx.clearColor(0,0,0,1);
    ctx.clear(ctx.COLOR_BUFFER_BIT | ctx.DEPTH_BUFFER_BIT);
    PutSpriteF(ctx,100,7.8125,1,imgs[2]);
    PutSpriteF(ctx,100,105,1,imgs[3]);  //y == 480
    for(i=0;i<notesArray.length;i++){
	drawNote(ctx,notesArray[i]);
    }
    PutSpriteF(ctx,100,70,1,imgs[6]);
    ctx.flush();
}

function playUpdate(){
    for(i=0;i<notesArray.length;i++){
	updNote(notesArray[i]);
    }
}