function Createhtml(data,imgfile){
 
 crs_ymd = new Date(data[0].crs_ymd);
 
 html ='<img src="http://www.gunkan-jima.net/wp-content/themes/yamasa/images/title-circle/' + imgfile + '" class="titleCircle"/>';
 html = html + '<span class="unkouToday">' + (crs_ymd.getMonth() + 1) + '月' + crs_ymd.getDate() + '日の運航状況' + '</span>';
 //更新時刻の表現変換
 upd_dt = new Date(data[0].upd_dt);
   if(upd_dt.getMinutes() < 10){
     upd_dt_minute = '0' + upd_dt.getMinutes();
   }else{
     upd_dt_minute = upd_dt.getMinutes();
   } 
 html = html + '<span class="unkouUpdate">' + '[' + (upd_dt.getMonth() + 1) + '月' + upd_dt.getDate() + '日' + upd_dt.getHours() + ':' + upd_dt_minute + '現在]' + '</span><div class="clear"><hr/></div>' ; 
 var html = html + '<table class="unkouJokyo"><tr><th>出航時刻</th><th>状況</th></tr>';
 for(var i = 0;i < data.length;i++){
   html = html + '<tr>';
   //開始時刻の表現変換
   crs_time_st = new Date(data[i].crs_time_st);
   //時間
   if(crs_time_st.getHours() < 10){
     crs_time_st_hour = '0' + crs_time_st.getHours();
   }else{
     crs_time_st_hour = crs_time_st.getHours();
   }
   //分
   if(crs_time_st.getMinutes() < 10){
     crs_time_st_minute = '0' + crs_time_st.getMinutes();
   }else{
     crs_time_st_minute = crs_time_st.getMinutes();
   }
   crs_time_st_exp = crs_time_st_hour + ':' + crs_time_st_minute;
   html = html + '<td class="unkouDeparture">' + data[i].biko_nm + '（' + crs_time_st_exp + '）</td>';
   //運航状況
   html = html + '<td>' + data[i].rsn_nm + '</td>';
   html = html + '</tr>';
 }
 html = html + '</table>';
 
 return html;
}

function DisplayOperationInfo(data){
  var html = '';
  var data_j = new Array();
  var data_s = new Array();
  var data_m = new Array();

  //入力データの分割
  for(var i = 0; i < data.DATCRS.length; i++ ) {
    if(data.DATCRS[i].data_k == '1') {
		 data_j.push(data.DATCRS[i]);
	 }
	 if(data.DATCRS[i].data_k == '2') {
		 data_s.push(data.DATCRS[i]);
	 }
	 if(data.DATCRS[i].data_k == '3') {
		 data_m.push(data.DATCRS[i]);
	 }
  }

  //上陸コースの記述
  if(data_j.length != 0){
    html = html + Createhtml(data_j,'top-gunkan.jpg');
  }
  //周遊コースの記述
  if(data_s.length != 0){
    html = html + Createhtml(data_s,'top-shuyu.jpg');
  }
  //港めぐりコースの記述
  if(data_m.length != 0){
    html = html + Createhtml(data_m,'top-minato.jpg');
  }

  document.getElementById('trafficinfo').innerHTML = html;
}