function loadCSV(path) {
  var httpObj = createXMLHttpRequest(handleResult);
  if (httpObj) {
    httpObj.open("GET", path, true);
    httpObj.send(null);
  }
}

function handleResult() {
  if ((this.readyState == 4) && (this.status == 200)) {
    var text = getAjaxFilter()(this.responseText);
    csvData = parseCSV(text);

    //ここに取得したcsvの処理を書く。ここではテーブルを表示。
    var result = "<table cellspacing='2' style='margin-left:8px;'>";
    for (var i = 0; i < csvData.length; i++) {
      result += "<tr>";
      result += "<td>";
	  result += "<img src='http://www.doonn-inc.com/images/arrow_gray.gif'/>";
	  
	  // リンク化するかの確認
	  if(csvData[i][0].length > 0){
		  result += "<a id='doonn_topics_info' href=" + csvData[i][0] + ">";
	  }
	  
	  // 最新表示（文字色変更）を行うかの確認
	  if(csvData[i][1] == "1"){
		  result += "<span style='color:#CC0000;'>";
	  }
	  
	  // 文字列を表示する
	　result += csvData[i][2];
	
	  // 最新表示
	  if(csvData[i][1] == false){
		  result += "</span>";
	  }
	  
	  // リンク化
	  if(csvData[i][0].length > 0){
		  result += "</a>";
	  }
	  
      result += "</td>";
      result += "</tr>";
    }
    result += "</table>";
    document.getElementById("what_new").innerHTML = result;
  }
}

function loadCSV2(path) {
  var httpObj = createXMLHttpRequest(topicsResult);
  if (httpObj) {
    httpObj.open("GET", path, true);
    httpObj.send(null);
  }
}

function topicsResult() {
  if ((this.readyState == 4) && (this.status == 200)) {
    var text = getAjaxFilter()(this.responseText);
    csvData = parseCSV(text);
    //ここに取得したcsvの処理を書く。ここではテーブルを表示。
    var result = "<table width='630' border='1' bordercolor='#CCCCCC' cellspacing='1' cellpadding='3'>";
	
	// 送信ボタン
	result += "<tr><td><input type='submit' value='　　送　信　　'></td></tr>";
	
	// topics新規追加分
	result += "<tr>";
    result += "<td>";
    result += "<table width='550' align='right'>";
    result += "<tr><td width='65' align='left'>文字色</td><td align='left'>：<select name='word_color[]'><option value='1'>赤</option><option value='0'>黒</option></select></td></tr>";
    result += "<tr><td width='65' align='left'>表示文言</td><td align='left'>：<INPUT type='text' name='topics[]' size='85' value=''></td></tr>";
    result += "<tr><td width='65' align='left'>リンク先ＵＲＬ</td><td align='left'>：<INPUT type='text' name='link[]' size='85' value=''></td></tr>";
    result += "</table>";
    result += "</td>";
    result += "</tr>";
	
	// topics最新の4件まで表示
    for (var i = 0; i < csvData.length; i++) {
      result += "<tr>";
      result += "<td>";
	  result += "<table width='550' align='right'>";
	  result += "<tr><td width='65' align='left'>最新表示</td><td align='left'>：";
	  
	  // 最新表示の場合チェックあり
	  if(csvData[i][1] == "1"){
	  	result += "<select name='word_color[]'><option value='1' selected>赤</option><option value='0'>黒</option></select>";
	  }else{
		result += "<select name='word_color[]'><option value='1'>赤</option><option value='0' selected>黒</option></select>";
	  }
	  
	  result += "</td></tr>";
	  result += "<tr><td width='65' align='left'>表示文言</td><td align='left'>：<INPUT type='text' name='topics[]' size='85' value='" + csvData[i][2] + "'></td></tr>";
	  result += "<tr><td width='65' align='left'>リンク先ＵＲＬ</td><td align='left'>：<INPUT type='text' name='link[]' size='85' value='" + csvData[i][0] + "'></td></tr>";
	  result += "</table>";
      result += "</td>";
      result += "</tr>";
    }

	result += "</table>";
    document.getElementById("topics").innerHTML = result;
  }
}

function parseCSV(str) {
  var CR = String.fromCharCode(13);
  var LF = String.fromCharCode(10);
  //ここはCSVの改行コードによってCR,LFを使い分ける必要がある。
  var lines = str.split(LF);
  var csvData = new Array();

  for (var i = 0; i < lines.length; i++) {
    var cells = lines[i].split(",");
    if( cells.length != 1 ) csvData.push(cells);
  }
  return csvData;
}

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 getAjaxFilter() {
  if (navigator.appVersion.indexOf("KHTML") > -1) {
    return function(t) {
      var esc = escape(t);
      return (esc.indexOf("%u") < 0 && esc.indexOf("%") > -1) ? decodeURIComponent(esc) : t
    }
  } else {
    return function(t) {
      return t
    }
  }
}