//for IE support only, shit!
if (!Array.prototype.indexOf) {
  Array.prototype.indexOf=function(value, start) {
    var i;
    if (!start)
      start = 0;
    for(i=start; i<this.length; i++)
      if(this[i] == value)
        return i;
    return -1;
  }
}

function cellid2str(i){ return "ABCDEFGHI"[Math.floor(i/9)]+(i%9+1); }

function create_cell_divs() {
  var jqobj = $("#canvas");
  var i = 0;
  var html_str = '';
  var big_class = "odd";
  var top = 0;
  var left = 0;
  var shift=[];
  //create 9 block cells
  var CELLWH = 45;
  for (i=0; i<9; i++) {
    html_str = '<div id="block' + i + '" class="block ' + big_class + '"';
    shift = [0, 4, 8];
    top = Math.floor(i / 3);
    top = top * (CELLWH*3+2) + shift[top];
    left = (i % 3);
    left = left * (CELLWH*3+2) + shift[left];
    html_str += ' style="top:' + top + 'px; left:' + left + 'px;" ';
    html_str += ' ></div>';
    jqobj.append(html_str);

    if (big_class == "odd") big_class = "even";
    else big_class = "odd";
  }
  //9 horizontal & 9 vertical cells
  for (i=0; i<9; i++) {
    html_str = '<div id="hbar' + i + '" class="bar hbar"';
    shift = [0, 1, 2, 6, 7, 8, 12, 13, 14];
    top = i * CELLWH + shift[i];
    html_str += ' style="top:' + top + 'px; left:0px;"></div>';

    html_str += '<div id="vbar' + i + '" class="bar vbar"';
    left = i * CELLWH + shift[i];
    html_str += ' style="top:0px; left:' + left + 'px;"></div>';

    jqobj.append(html_str);
  }
  //create 81 cells
  for (i=0; i<g_values.length; i++) {
    html_str = '<div id="cell' + i + '" class="cell cell' + g_values[i];
    var locked = (g_values[i] !== 0);
    if (!locked)
      html_str += ' cell-unlocked ';
    else
      html_str += ' cell-locked ';

    html_str += '" onmousedown="display_selection(event, this)" ';
    shift = [0, 1, 2, 6, 7, 8, 12, 13, 14];
    top = Math.floor(i / 9);
    top = top * CELLWH + shift[top];
    left = (i % 9);
    left = left * CELLWH + shift[left];
    html_str += ' style="top:' + top + 'px; left:' + left + 'px;" >';
    html_str += '<div class="inner"> </div>'
    if (g_show_hint)//"true" in replay/add page
      html_str += '<div id="cand' + i + '" class="cellcandidates">123456789</div>';
    else
      html_str += '<div id="guess' + i + '" class="cellguess"></div>';
    html_str += '</div>';
    jqobj.append(html_str);
    var obj = document.getElementById("cell" + i);
    obj["locked"] = locked;
    obj["digit"] = g_values[i];
    obj["index"] = i;
  }
  var wrap = $("#canvas-wrap");
  html_str = "";
  for (i=0; i<9; i++){
    var val = i*CELLWH+shift[i];//offset
    var c = "ABCDEFGHI".charAt(i);
    html_str += '<div class="serial back" style="left:'+(val+46)+'px;bottom:'+5+'px;">'+(i+1)+'</div>';
    html_str += '<div class="serial front" style="left:'+(val+45)+'px;bottom:'+6+'px;">'+(i+1)+'</div>';
    html_str += '<div class="serial back" style="left:'+11+'px;top:'+(val+41)+'px;">'+c+'</div>';
    html_str += '<div class="serial front" style="left:'+10+'px;top:'+(val+40)+'px;">'+c+'</div>';
  }
  wrap.append(html_str);
}

function display_selection(event, obj) {
  if (g_locked) return;

  if (obj.locked || $("#selection-panel").css("display") != "none") {
    $("#selection-panel").hide();
    return;
  }
  if (event.button & 2) {
    mark_toggle(obj);
    return;
  }
  var html_str = "";
  for (var i=0; i<10; i++) {
    html_str += '<div id="sel' + i + '" onmousedown=\'set_digit(event, "' + obj.id + '", ' + i + ')\'>' + i + '</div>';
  }
  $("#selection-panel").html(html_str);
  $("#sel0").text("X");
  $("#selection-panel").css("left", parseInt($(obj).css("left"), 10));
  $("#selection-panel").css("top", parseInt($(obj).css("top"), 10)+5);
  $("#selection-panel").show();
  if (event.button & 2)
    $("#selection-panel").addClass("guess");
  else
    $("#selection-panel").removeClass("guess");
}
function mark_toggle(cell_obj) {
  $(cell_obj).toggleClass("marked");
}
function mark_cell(cell_obj, markiftrue) {
  if (markiftrue)
    $(cell_obj).addClass("marked");
  else
    $(cell_obj).removeClass("marked");
}
function toggle_guess(obj, digit){
  var guess_obj = $("#guess"+obj.index);
  if (digit == 0){
    guess_obj.text('');
    return;
  }
  var ds = digit.toString();
  var guesses = guess_obj.text().split('');
  if (guesses.indexOf(ds) >= 0)
    guesses.splice(guesses.indexOf(ds), 1);
  else{
    guesses.push(digit);
    guesses = guesses.sort();
  }
  guess_obj.text(guesses.join(''));
}

function set_digit(event, obj_id, digit) {
  if (g_locked) {
    alert("点击“重新开始”或刷新此页面以重玩本布局");
    return; //do nothing if the block is locked
  }
  var obj = document.getElementById(obj_id);
  if ($("#selection-panel").hasClass("guess") || event.button&2){
    toggle_guess(obj, digit);
    $("#selection-panel").hide();
    return;
  }
  obj.digit = digit;
  g_values[obj.index] = digit;
  for (var i=0; i<=9; i++)
    $(obj).removeClass("cell" + i);
  $(obj).addClass("cell" + digit);
  $("#selection-panel").hide();
  g_steps.push(obj.index);
  g_steps.push(obj.digit);

  check_for_conflict();
  update_highlighter();
}

g_index_map = [
  [ 1, 2, 3, 4, 5, 6, 7, 8, 9,10,11,18,19,20,27,36,45,72,54,63],
  [ 0, 2, 3, 4, 5, 6, 7, 8,73,10,11,18,19, 9,28,37,64,46,55,20],
  [ 0, 1, 3, 4, 5, 6, 7, 8, 9,74,11,18,19,20,29,38,47,56,10,65],
  [ 0, 1, 2, 4, 5, 6, 7, 8,75,12,66,14,13,21,22,23,30,39,48,57],
  [ 0, 1, 2, 3, 5, 6, 7, 8,12,76,13,14,67,21,22,23,31,40,49,58],
  [ 0, 1, 2, 3, 4, 6, 7, 8,12,77,14,13,21,22,23,68,32,41,50,59],
  [ 0, 1, 2, 3, 4, 5, 7, 8,78,15,16,17,24,25,26,69,33,42,51,60],
  [ 0, 1, 2, 3, 4, 5, 6, 8,79,16,17,24,25,26,15,34,70,43,52,61],
  [ 0, 1, 2, 3, 4, 5, 6, 7,15,80,17,24,25,26,16,35,71,44,53,62],
  [ 0, 1, 2,72,10,11,12,13,14,15,16,17,18,19,20,27,36,45,54,63],
  [64, 1, 2, 0, 9,11,12,13,14,15,16,17,18,19,20,28,37,46,73,55],
  [ 0,65, 2, 1, 9,10,12,13,14,15,16,17,18,19,20,29,38,47,56,74],
  [66, 3, 4, 5, 9,10,11,13,14,15,16,17,75,21,22,23,30,39,48,57],
  [67, 4, 5, 9,10,11,12,14,15,16,17, 3,21,22,23,31,40,76,49,58],
  [ 3,68, 5, 9,10,11,12,77,13,16,17,21,22,23, 4,15,32,41,50,59],
  [69, 6, 7, 8, 9,10,11,12,13,14,16,17,78,24,25,26,33,42,51,60],
  [70, 7, 8, 9,10,11,12,13,14,15,17,24,25,26,79,34, 6,43,52,61],
  [ 6,71, 8, 9,10,11,12,13,14,15,80,24,25,26,16,35, 7,44,53,62],
  [ 0, 1, 2,72, 9,10,11,19,20,21,22,23,24,25,26,27,36,45,54,63],
  [64, 1, 2, 0,73,10,11,18,20,21,22,23,24,25,26,28,37,46,55, 9],
  [ 0,65, 2, 1, 9,74,11,18,19,21,22,23,24,25,26,29,38,47,56,10],
  [66, 3, 4, 5,75,12,13,14,18,19,20,22,23,24,25,26,30,39,48,57],
  [67, 4, 5,12,76,13,14,18,19,20,21,23,24,25,26,31, 3,40,49,58],
  [ 3,68, 5,12,77,14,13,18,19,20,21,22,24,25,26,32,41,50,59, 4],
  [69, 6, 7, 8,78,15,16,17,18,19,20,21,22,23,25,26,33,42,51,60],
  [70, 7, 8,79,16,17,18,19,20,21,22,23,24,26,15,34, 6,43,52,61],
  [ 6,71, 8,15,80,17,18,19,20,21,22,23,24,25,16,35, 7,44,53,62],
  [ 0,72, 9,18,28,29,30,31,32,33,34,35,36,37,38,45,46,47,54,63],
  [64, 1,73,10,19,27,29,30,31,32,33,34,35,36,37,38,45,46,47,55],
  [65, 2,74,11,20,27,28,30,31,32,33,34,35,36,37,38,45,46,47,56],
  [66, 3,75,12,21,27,28,29,31,32,33,34,35,39,40,41,48,49,50,57],
  [67, 4,76,13,22,27,28,29,30,32,33,34,35,39,40,41,48,49,50,58],
  [68, 5,77,14,23,27,28,29,30,31,33,34,35,39,40,41,48,49,50,59],
  [69, 6,78,15,24,27,28,29,30,31,32,34,35,42,43,44,51,52,53,60],
  [70, 7,79,16,25,27,28,29,30,31,32,33,35,42,43,44,51,52,53,61],
  [71, 8,80,17,26,27,28,29,30,31,32,33,34,42,43,44,51,52,53,62],
  [ 0,72, 9,18,27,28,29,37,38,39,40,41,42,43,44,45,46,47,54,63],
  [64, 1,73,10,19,27,28,29,36,38,39,40,41,42,43,44,45,46,47,55],
  [65, 2,74,11,20,27,28,29,36,37,39,40,41,42,43,44,45,46,47,56],
  [66, 3,75,12,21,30,31,32,36,37,38,40,41,42,43,44,48,49,50,57],
  [67, 4,76,13,22,30,31,32,36,37,38,39,41,42,43,44,48,49,50,58],
  [68, 5,77,14,23,30,31,32,36,37,38,39,40,42,43,44,48,49,50,59],
  [69, 6,78,15,24,33,34,35,36,37,38,39,40,41,43,44,51,52,53,60],
  [70, 7,79,16,25,33,34,35,36,37,38,39,40,41,42,44,51,52,53,61],
  [71, 8,80,17,26,33,34,35,36,37,38,39,40,41,42,43,51,52,53,62],
  [ 0,72, 9,18,27,28,29,36,37,38,46,47,48,49,50,51,52,53,54,63],
  [64, 1,73,10,19,27,28,29,36,37,38,45,47,48,49,50,51,52,53,55],
  [65, 2,74,11,20,27,28,29,36,37,38,45,46,48,49,50,51,52,53,56],
  [66, 3,75,12,21,30,31,32,39,40,41,45,46,47,49,50,51,52,53,57],
  [67, 4,76,13,22,30,31,32,39,40,41,45,46,47,48,50,51,52,53,58],
  [68, 5,77,14,23,30,31,32,39,40,41,45,46,47,48,49,51,52,53,59],
  [69, 6,78,15,24,33,34,35,42,43,44,45,46,47,48,49,50,52,53,60],
  [70, 7,79,16,25,33,34,35,42,43,44,45,46,47,48,49,50,51,53,61],
  [71, 8,80,17,26,33,34,35,42,43,44,45,46,47,48,49,50,51,52,62],
  [ 0,64,65,72, 9,74,18,73,27,36,45,55,56,57,58,59,60,61,62,63],
  [64, 1,65,72,73,10,19,28,37,46,74,54,56,57,58,59,60,61,62,63],
  [64,65, 2,72,73,74,11,20,29,38,47,54,55,57,58,59,60,61,62,63],
  [66, 3,68,76,75,12,77,67,21,30,39,48,54,55,56,58,59,60,61,62],
  [66,67, 4,75,76,13,77,22,68,31,40,49,54,55,56,57,59,60,61,62],
  [66,67,68, 5,75,76,77,14,23,32,41,50,54,55,56,57,58,60,61,62],
  [69, 6,71,78,15,80,24,79,33,70,42,51,54,55,56,57,58,59,61,62],
  [69,70, 7,78,79,16,25,71,80,34,43,52,54,55,56,57,58,59,60,62],
  [69,70,71, 8,78,79,80,17,26,35,44,53,54,55,56,57,58,59,60,61],
  [64,65,66,67,68,69,70,71,72, 9,74,55,18,27, 0,36,45,54,73,56],
  [65,66,67,68,69,70,71,72,73,10,19,28, 1,37,46,54,55,56,74,63],
  [64,66,67,68,69,70,71,72,73,74,11, 2,20,29,38,47,54,55,56,63],
  [64,65,67,68,69,70,71,76,75,12,77, 3,21,30,39,48,57,58,59,63],
  [64,65,66,68,69,70,71,75,76,13,77,22, 4,31,40,49,57,58,59,63],
  [64,65,66,67,69,70,71,75,76,77,14,23, 5,32,41,50,57,58,59,63],
  [64,65,66,67,68,70,71,78,15,80,24,79,33, 6,42,51,60,61,62,63],
  [64,65,66,67,68,69,71,78,79,16,43,25,80,34, 7,52,60,61,62,63],
  [64,65,66,67,68,69,70, 8,78,79,80,17,26,35,44,53,60,61,62,63],
  [ 0,64,65,73,74,75,76,77,78,79,80,18,27,36,45,54, 9,56,55,63],
  [64, 1,65,72,74,75,76,77,78,79,80,19,28,37,46,54,55,56,10,63],
  [64,65, 2,75,72,73,11,76,77,78,79,80,20,29,38,47,54,55,56,63],
  [66, 3,68,72,73,74,12,77,78,79,80,67,21,30,39,48,76,57,58,59],
  [66,67, 4,72,73,74,75,77,78,79,80,22,68,31,40,49,57,58,59,13],
  [66,67,68, 5,72,73,74,75,76,78,79,80,14,23,32,41,50,57,58,59],
  [69, 6,71,72,73,74,75,76,77,79,80,24,15,33,70,42,51,60,61,62],
  [69,70, 7,72,73,74,75,76,77,78,16,25,71,80,34,43,52,60,61,62],
  [69,70,71,72,73,74,75,76,77,78,79,17,26,35,44, 8,53,60,61,62]];

function get_chunks() {
  return [
    [ 0,  1,  2,  3,  4,  5,  6,  7,  8], //rows
    [ 9, 10, 11, 12, 13, 14, 15, 16, 17],
    [18, 19, 20, 21, 22, 23, 24, 25, 26],
    [27, 28, 29, 30, 31, 32, 33, 34, 35],
    [36, 37, 38, 39, 40, 41, 42, 43, 44],
    [45, 46, 47, 48, 49, 50, 51, 52, 53],
    [54, 55, 56, 57, 58, 59, 60, 61, 62],
    [63, 64, 65, 66, 67, 68, 69, 70, 71],
    [72, 73, 74, 75, 76, 77, 78, 79, 80],

    [ 0,  9, 18, 27, 36, 45, 54, 63, 72], //cols
    [ 1, 10, 19, 28, 37, 46, 55, 64, 73],
    [ 2, 11, 20, 29, 38, 47, 56, 65, 74],
    [ 3, 12, 21, 30, 39, 48, 57, 66, 75],
    [ 4, 13, 22, 31, 40, 49, 58, 67, 76],
    [ 5, 14, 23, 32, 41, 50, 59, 68, 77],
    [ 6, 15, 24, 33, 42, 51, 60, 69, 78],
    [ 7, 16, 25, 34, 43, 52, 61, 70, 79],
    [ 8, 17, 26, 35, 44, 53, 62, 71, 80],

    [ 0,  1,  2,  9, 10, 11, 18, 19, 20], //blocks
    [ 3,  4,  5, 12, 13, 14, 21, 22, 23],
    [ 6,  7,  8, 15, 16, 17, 24, 25, 26],
    [27, 28, 29, 36, 37, 38, 45, 46, 47],
    [30, 31, 32, 39, 40, 41, 48, 49, 50],
    [33, 34, 35, 42, 43, 44, 51, 52, 53],
    [54, 55, 56, 63, 64, 65, 72, 73, 74],
    [57, 58, 59, 66, 67, 68, 75, 76, 77],
    [60, 61, 62, 69, 70, 71, 78, 79, 80] ];
}

//returns conflict length, if == 0, then no conflicts
function check_for_conflict() {
  //remove previous conflict first
  for (i=0; i<g_values.length; i++) {
    $("#cell" + i).removeClass("error");
  }

  //check if there are conflicts, in 9 blocks, 9 row, 9 cols
  var chunks = get_chunks();
  var conflicts = [];
  var i = 0;
  for (i=0; i<chunks.length; i++) {
    conflicts = conflicts.concat(calc_conflicts(chunks[i]));
  }
  $(".conflict").removeClass("conflict");
  for (i=0; i<conflicts.length; i++) {
    $("#cell" + conflicts[i]).addClass("conflict");
  }

  if (all_solved() && !g_locked) //如果被锁，就不用显示了
    win();

  return conflicts.length;
}

function calc_conflicts(chunk) {
  var values = {};
  var conflicts = [];
  for (var i=0; i<chunk.length; i++) {
    var digit = g_values[chunk[i]];
    if (values[digit] != undefined && digit !== 0) {
      conflicts.push(chunk[i]);
      conflicts.push(values[digit]);
    } else {
      values[digit] = chunk[i];
    }
  }
  return conflicts;
}

function all_solved() {
  var i = 0;
  for (i=0; i<g_values.length; i++) {
    if (g_values[i] === 0)
      return false;
  }
  var chunks = get_chunks();
  var conflicts = [];
  for (i=0; i<chunks.length; i++) {
    conflicts = conflicts.concat(calc_conflicts(chunks[i]));
  }
  return (conflicts.length === 0);
}

function win() {
  var myurl = "/youxi/sudoku/" + g_gate_id + "/win/";
  var step_str = "[" + g_steps.join(",") + "]";
  var result_str = g_values.join("");
  var d = new Date();
  var t = d.getTime();
  var timespan = Math.floor((t-g_time_tag)/1000);
  $.post(myurl, {steps:step_str, result:result_str, seconds:timespan});
  alert("恭喜过关!");
  g_locked = true;
}

function disable_right_menu_on_cells() {
  $("#canvas-wrap")[0].oncontextmenu = function() {return false;};
  $("#canvas-wrap")[0].onselectstart = function() {return false;};
}

function load_cells() {
  g_init_values = [];
  var values = $("#canvas").attr('tag');
  var i=0;
  for (i=0; i<values.length; i++) {
    g_init_values.push(parseInt(values.charAt(i), 10));
  }
  g_values = g_init_values.clone();
  g_steps = [];

  create_cell_divs();
  $(".cell").hover(
    function(e) {
      var val = parseInt(this.id.substring(4), 10);
      var x = Math.floor(val / 9);
      var y = val % 9;
      $("#hbar" + x).css("background", "#ffffaa");
      $("#vbar" + y).css("background", "#ffffaa");
    },
    function() {
      $(".bar").css("background", "none");
    }
  );
  disable_right_menu_on_cells();
}

function update_highlighter() {
  var spans = $("#digit-highlight span");
  if (!spans.length) return;
  for (var i=1; i<10; i++) {
    var color = $(".cell" + i).length == 9 ? "yellow" : "white";
    $(spans[i-1]).css("color", color);
  }
}
function set_highlighter() {
  $("#digit-highlight span").each(function(){
    $(this).hover(
      function() {
        $(".cell" + $(this).text()).css("background-color", "yellow");
      },
      function() {
        $(".cell" + $(this).text()).css("background-color", "");
    });
  });
  update_highlighter();
}
//---------------action buttons---------------------

function update_cell_candidates() {
  var states = new Array();
  var i=0;
  for (i=0; i<81; i++)
    states[i] = 0x1FF;
  var temp = 0;
  for (i=0; i<g_values.length; i++) {
    if (g_values[i] === 0)
      continue;
    temp = 0x1 << (g_values[i] - 1);
    states[i] = temp;
    temp ^= 0x1FF;
    var chunk = g_index_map[i];
    for (var k=0; k<chunk.length; k++) {
      states[chunk[k]] &= temp;
    }
  }
  //formulate the cells
  var val = 0;
  for (i=0; i<81; i++) {
    var str = "";
    val = states[i];
    for (var d=0; d<9; d++) {
      if (val & 0x1)
        str += (d+1);
      val >>= 1;
    }
    $("#cand" + i).text(str);
  }
}

function update_layout_with_new_steps() {
  //check if steps
  var values = g_init_values.clone();
  var i = 0;
  for (i=0; i<g_steps.length/2; i++) {
    values[g_steps[i*2]] = g_steps[i*2 + 1];
  }
  for (i=0; i<81; i++) {
    if (g_init_values[i] !== 0)
      continue;
    var digit = values[i];
    var obj = document.getElementById("cell" + i);
    obj.digit = digit;
    for (var c=0; c<=9; c++) {
      $(obj).removeClass("cell" + c);
    }
    $(obj).addClass("cell" + digit);
  }
  g_values = values.clone();
  check_for_conflict();
  if (g_show_hint) {
    update_cell_candidates();
  }
  $(".cell0").removeClass("marked");
}

function ab_rollback() {
  if (g_steps.length <= 0) {
    soundManager.play("nomove");
    return;
  }

  soundManager.play("move");
  g_steps.pop();
  g_steps.pop();

  update_layout_with_new_steps();
}

function ab_reset() {
  if (g_steps.length <= 0) {
    soundManager.play("nomove");
    return;
  }
  if (!g_locked) { //lock状态下就无需提示了
    if (!confirm("您已经走了几步了，真的要重新开始吗？")) return;
  }

  g_locked = false;

  soundManager.play("move");
  g_steps = [];

  update_layout_with_new_steps();
}

function ab_save() {
  soundManager.play("save");
  g_steps_back = g_steps.clone();
}

function ab_restore() {
  if (!confirm("真的要恢复到第 " + g_steps_back.length / 2 + " 步吗？")) return;

  soundManager.play("restore");
  g_steps = g_steps_back.clone();

  update_layout_with_new_steps();
}

//---------------replay_page-------------------------------

function set_replay_index(index) {
  g_steps = g_replay_steps.clone().slice(0, index+2);
  update_layout_with_new_steps();
  $("#steps_next").attr('disabled', (index+2 >= g_replay_steps.length));
  $("#steps_prev").attr('disabled', (index+2 <= 0));
}

function set_steps_and_result(gate_result, steps) {
  g_replay_steps = steps.clone();
  var html = '<option value="-2">0步 : 初始开局</option>';
  for (var i=0; i<steps.length; i+=2) {
    html += '<option value="' + i + '">';
    html += (i/2+1) + '步 : #' + cellid2str(steps[i]) + '=' + steps[i+1] + '</option>';
  }
  $("#steps").html(html);
  $("#steps").val(steps.length - 2);
  set_replay_index(steps.length - 2);
  $("#steps_next").click(function(){
      var new_index = parseInt($("#steps").val(), 10) + 2;
      $("#steps").val(new_index);
      set_replay_index(new_index);
  });
  $("#steps_prev").click(function(){
      var new_index = parseInt($("#steps").val(), 10) - 2;
      $("#steps").val(new_index);
      set_replay_index(new_index);
  });
  $("#steps").change(function(){
      set_replay_index(parseInt($("#steps").val(), 10));
  });
}


//---------------init-------------------------------
function init() {
  var d = new Date();
  g_time_tag = d.getTime();
  g_steps_back = [];
  //g_steps = [];
  //g_init_values = [];
  g_locked = false;

  var gatenumobj = document.getElementById("select_gate_number");
  if (gatenumobj) { //快速选关
    $(gatenumobj).keydown(function(eve){
      var target_id = parseInt($(gatenumobj).val(), 10);
      if (eve.target != this) return;
      if (eve.keyCode == 13)
        window.location.href = '/youxi/sudoku/' + target_id + "/";
    });
    $("#select_gate_button").click(function(eve){
      var target_id = parseInt($(gatenumobj).val(), 10);
      window.location.href = '/youxi/sudoku/' + target_id + "/";
    });
  }

  //set the sound manager swf file position
  //NOTE the trailing slash is REQUIRED!
  soundManager.url = '/static/flash/';
  soundManager.debugMode = false;
  soundManager.flashVersion = 9;
  var sounds = [ "hover", "move", "nomove",
                   "reset", "restore", "save", "msg", "win" ];
  soundManager.onload = function() {
    for (var i=0; i<sounds.length; i++) {
      soundManager.createSound(sounds[i], '/static/sound/youxi/' + sounds[i] + '.mp3');
    }
    soundManager.play("msg");
    //set up sound for "ab" buttons
    $("#operations li").hover(function(e){soundManager.play("hover");},function(){});
  };
}

function update_layout() {
  var str = $("#layoutbox").val();
  var layout = "";
  var i = 0;
  for (i=0; i<str.length; i++) {
    var ch = str.charAt(i);
    if (ch == '.' || ch == '0') {
      layout += '0';
    } else if (ch >= '1' && ch <= '9') {
      layout += ch;
    }
  }
  if (layout.length != 81) {
    alert("必须是81个数，现在是" + layout.length + "个!");
    return;
  }
  //let's refresh the cells
  $("#canvas").attr('tag', layout);
  var values = [];
  for (i=0; i<layout.length; i++)
    values.push(parseInt(layout.charAt(i), 10));
  g_init_values = values.clone();
  g_values = g_init_values.clone();
  for (i=0; i<81; i++) {
    var digit = values[i];
    var obj = document.getElementById("cell" + i);
    obj.digit = digit;
    for (var c=0; c<=9; c++) {
      $(obj).removeClass("cell" + c);
    }
    $(obj).addClass("cell" + digit);
    $(obj).removeClass("cell-unlocked");
    $(obj).removeClass("cell-locked");
    $(obj).addClass((digit === 0) ? "cell-unlocked": "cell-locked");
  }
  if (check_for_conflict() <= 0) {
    //no conflict
    $("#calcgate").show();
    $("#tick").show();
  } else {
    alert("注意！布局本身有冲突!");
  }
  update_cell_candidates();
}
function calc_gate() {
  update_layout();
  var layout = $("#canvas").attr('tag');
  var fixed_count = 0;
  for (var i=0; i<layout.length; i++) {
    if(layout.charAt(i) != "0")
      fixed_count++;
  }
  if (fixed_count < 17) {
    alert("最少17个确定数，否则有多解，不是数独! 现有" + fixed_count + "个!");
    return;
  }
  if (fixed_count > 71) {
    alert("有" + fixed_count + "个确定数，题目太简单了吧!");
    return;
  }
  //let's do calculation
  $("#calcgate").attr("disabled", "true");
  $.ajax({
    type: "POST",
    url: "/youxi/sudoku/add/",
    data: {'layout':layout},
    success: function(msg){
      $("#calcgate").removeAttr("disabled");
      if (msg.length <= 0) {
        alert("自动求解失败，请仔细检查布局是否合理或联系管理员");
        return;
      }
      if (msg.charAt(0) != "{") {
        alert(msg);
        return;
      }
      eval("var result=" + msg);
      if (result.solution_count == 2) {
        alert("自动求解成功，有两个解，不是有效的数独布局!");
        $("#solution2").show();
      } else {
        alert("自动求解成功，该布局难度指数:" + result.level + "!\n如果您觉得该布局不错，欢迎提交!");
        $("#submitgate").show();
        $("#solution2").hide();
      }
      $("#solutions").show();
      $("#solution1").text("解1:" + result.solution1);
      $("#solution2").text("解2:" + result.solution2);
      soundManager.play("move");
      set_steps_and_result(result.solution1, result.steps1);
    },
    error: function(msg){
      $("#calcgate").removeAttr("disabled");
    }
  });
}
function layout_changed() {
  $("#calcgate").hide();
  $("#solutions").hide();
  $("#submitgate").hide();
  $("#tick").hide();
}
function submit_gate() {
  var layout = $("#canvas").attr('tag');
  $("#submitgate").attr("disabled", "true");
  $.ajax({
    type: "POST",
    url: "/youxi/sudoku/add/",
    data: {'layout':layout, 'action':'add'},
    success: function(msg){
      $("#submitgate").removeAttr("disabled");
      if (msg.length <= 0) {
        alert("提交布局失败，请仔细检查布局是否合理或联系管理员");
        return;
      }
      alert(msg);
      soundManager.play("move");
    },
    error: function(msg){
      $("#submitgate").removeAttr("disabled");
    }
  });
}

function init_add_page() {
  g_locked = true;
  $("#updatelayout").click(update_layout);
  $("#calcgate").click(calc_gate);
  $("#submitgate").click(submit_gate);
  $("#layoutbox").keydown(layout_changed);
  $("#layoutbox").change(layout_changed);
  update_cell_candidates();
  disable_right_menu_on_cells();
}