/*

ここを見ても勉強にならない気がします。試行錯誤中ですので…

管理者 Quilva は以下を見てホントに適当に作りました(汗
 + http://www.openspc2.org/JavaScript/Ajax/Ajax_study/chapter03/006/index.html

 */


function createXMLHttpRequest(cbFunc) {
  var XMLhttpObject = null;
  try{
    XMLhttpObject = new XMLHttpRequest();
  }catch(e){
  try{
    XMLhttpObject = new ActiveXObject("Msxml2.XMLHTTP");
  }catch(e){
  try{
    XMLhttpObject = new ActiveXObject("Microsoft.XMLHTTP");
  }catch(e){
   return null;
  }
  }
  }
  if (XMLhttpObject) XMLhttpObject.onreadystatechange = cbFunc;
  return XMLhttpObject;
}

function loadDataFile(fName) {
  httpObj = createXMLHttpRequest(displayData);
  if (httpObj) {
    httpObj.open("GET", fName, true);
    httpObj.send(null);
  }
}
function displayData () {
  if (httpObj.readyState == 4 && httpObj.status == 200) {
    document.getElementById("openpastregist").innerHTML = parseJSON(httpObj.responseText);
  }
}
function parseJSON(jsData) {
  var data = eval("("+ jsData +")");
  var resultData = "<dl class=\"past-registration\">";

  for(var i=0; i<data.pastregistration.length; i++) {
    var iDate  = data.pastregistration[i].date;
    var iNew   = data.pastregistration[i].newnew;
    var iDrop  = data.pastregistration[i].drop;
    resultData += "<dt>"+ iDate +"</dt><dd>new "+ iNew +" account<br />drop "+ iDrop +" account";
    if (data.pastregistration[i].force) {
      resultData += "<br /><span class=\"redtext\">force delete "+ data.pastregistration[i].force +" account </span></dd>\n";
    } else {
      resultData += "</dd>\n";
    }
  }
  resultData += "</dl>\n";
  return resultData;
}

function loadDataFile2(fName) {
  httpObj = createXMLHttpRequest(displayData2);
  if (httpObj) {
    httpObj.open("GET", fName, true);
    httpObj.send(null);
  }
}
function displayData2 () {
  if (httpObj.readyState == 4 && httpObj.status == 200) {
    document.getElementById("openpastinfo").innerHTML = parseJSON2(httpObj.responseText);
  }
}
function parseJSON2(jsData) {
  var data = eval("("+ jsData +")");
  var resultData = "<dl class=\"news\">";

  for(var i=0; i<data.pastinfomation.length; i++) {
    var iDate     = data.pastinfomation[i].date;
    var iMaintext = data.pastinfomation[i].maintext;
    var iSubtext  = data.pastinfomation[i].subtext;
    
    resultData += "<dt>"+ iDate +"</dt>\n";
    resultData += "<dd>"+ iMaintext +"";
      
    if (iSubtext) {
      resultData += "<br /><small>"+ iSubtext +"</small>\n";
    }
    resultData += "</dd>\n";
  }
  resultData += "</dl>\n";
  return resultData;
}

function toriaezu () {
  document.getElementById("openpastregist").innerHTML = "<br />　<a onclick=\"loadDataFile('past-registration.txt')\"><b>more</b></a>";
  document.getElementById("openpastinfo").innerHTML = "<div style=\"text-align: right;\"><a onclick=\"loadDataFile2('past-info.html')\"><b>displaying all</b></a></div>";
}