var flag = {};
flag.s   = 100;
flag.e   = 1000;
flag.f   = 0;
Event.observe(window, 'load', init, false);

function init(){
  Event.observe('area', 'click',     test, false);
  Event.observe('area', 'mouseover', css1, false);
  Event.observe('area', 'mouseout',  css2, false);
  Event.observe('btn',  'click',     ck,   false);
  if(read_cookie("this_page") != "ok"){this_page()};
}

function this_page(){
  var sp=$('this_page').rel.match(/(\d+), (\d+)/);
  GB_show($('this_page').title, $('this_page').href, parseInt(sp[2]),parseInt(sp[1]));
  write_cookie("this_page", "ok", 100);
}

function test(e){
  var id = Event.element(e).id;
  if(id && id != "area" ){
    if(flag[id.charAt(0)]){$(flag[id.charAt(0)]).style["background-color".camelize()] = "#8CB6FF"};
    $(id).style["background-color".camelize()] = "#FF9933";
    flag[id.charAt(0)] = id;
    if(flag["m"] && flag["d"] && flag["a"]){
      flag.month  = flag["m"].substring(1, flag["m"].length);
      flag.day    = flag["d"].substring(1, flag["d"].length);
      flag.aaa    = flag["a"].substring(1, 2);
      $('btn').disabled = "";
      $('message').innerHTML = "←クリックするたびに1000年区切りでチェックかけます";
      if(flag.aaa == 0){
        flag.b = "(日)";
      }else if(flag.aaa == 1){
        flag.b = "(月)";
      }else if(flag.aaa == 2){
        flag.b = "(火)";
      }else if(flag.aaa == 3){
        flag.b = "(水)";
      }else if(flag.aaa == 4){
        flag.b = "(木)";
      }else if(flag.aaa == 5){
        flag.b = "(金)";
      }else if(flag.aaa == 6){
        flag.b = "(土)";
      }
      $('btn').value    = (parseInt(flag.month) + 1) + "月" + flag.day + "日" + flag.b + " に該当する西暦をチェックします！";
    }
  }
}

function css1(e){
  var id = Event.element(e).id;
  if(id && id != "area" && (flag[id.charAt(0)] != id)){
    $(id).style["background-color".camelize()] = "#FFCFCE";
  }
}

function css2(e){
  var id = Event.element(e).id;
  if(id && id != "area" && (flag[id.charAt(0)] != id)){
    $(id).style["background-color".camelize()] = "#8CB6FF";
  }
}

function ck(){
  if(flag.mm && (flag.mm != flag["m"] || flag.dd != flag["d"] || flag.aa != flag["a"])){
    flag.f = 0;
    flag.s = 100;
    flag.e = 500;
    $('disp').innerHTML = "";
  }
  if(flag.f){
    flag.s = 1000 * flag.f;
    flag.e = flag.s + 1000;
  }

  var result = "";
  for(var year=flag.s; year<flag.e; year++){
    var str = new Date(year,flag.month,flag.day);
    if(str == "NaN"){
      continue;
    }else if((str.getMonth() == flag.month) && (str.getDate() == flag.day)){
      if(str.getDay()==flag.aaa){result += year + ",　"};
    }else{
      continue;
    }
  }
  flag.f++;
  $('disp').innerHTML += result;
  $('message2').innerHTML = "↓西暦100年以上" + flag.e + "年未満のうち" + (parseInt(flag.month) + 1) + "月" + flag.day + "日" + flag.b + " に合致した西暦の結果です！";
  flag.mm = flag["m"];
  flag.dd = flag["d"];
  flag.aa = flag["a"];

}