// JavaScript Document
/* PopUp window ------------------------------------------------------- */
function m_win(url,windowname,width,height,modelid) {
 var features="location=no, menubar=no, status=no, scrollbars=no, resizable=no, toolbar=no,'popup'";
/*
 var features="location=no, menubar=no, status=yes, scrollbars=yes, resizable=yes, toolbar=no,'popup'";
*/
if (width) {
  if (window.screen.width > width)
   features+=", left="+(window.screen.width-width)/2;
  else width=window.screen.width;
  features+=", width="+width;
 }
 if (height) {
  if (window.screen.height > height)
   features+=", top="+(window.screen.height-height)/2;
  else height=window.screen.height;
  features+=", height="+height;
 }
 var xWin;
 xWin = window.open(url,windowname,features);
 inModname(xWin,modelid);
}

function inModname(xWin,modelid){
	/*
	alert(xWin);
	alert(modelid);
	*/
	document.outform.modid.value = modelid;
}


/* Menu ---------------------------------------------------------------- */
/* <div id="menuwrapper"></div> */
function menuBar(){
	var omenu = new String();

	omenu = '<ul id="menubar">';
	omenu = omenu + '<li><a href="news.html">News</a></li>';
	omenu = omenu + '<li><a class="trigger" href="#">Model</a>';
	omenu = omenu + '<ul>';
	omenu = omenu + '<li><a href="talent.html">Talent</a></li>';
	omenu = omenu + '<li><a href="ladies.html">Ladies</a></li>';
	omenu = omenu + '<li><a href="men.html">Men</a></li>';
	omenu = omenu + '<li><a href="newface.html">New Faces</a></li>';
	omenu = omenu + '</ul>';
	omenu = omenu + '</li>';
	omenu = omenu + '<li><a href="aboutus.html">About us</a></li>';
	omenu = omenu + '<li><a href="recruit.html">Recruitment</a></li>';
	omenu = omenu + '<li><a href="policy.html">Policy</a></li>';
	omenu = omenu + '<li><a href="mailto:info@jiotto.com">Contact Us</a></li>';
	omenu = omenu + '</ul>';
	omenu = omenu + '<br class="clearit">';

  //データインプラント
  document.getElementById("menuwrapper").innerHTML=omenu;
}

/* Data File Name ------------------------------------------------------- */
var urla = 'data/news.csv';
var urlb = 'data/JiottoModel_data.csv';

/* News Doc ------------------------------------------------------------ */
// 指定したURLを非同期でリクエスト
function getFile_news(){
//  sendRequest( urla, newsData, 'GET', '');
	sendRequest(newsData,'','GET',urla,true,true);
 }


// NEWS　レスポンスデータを表示
function newsData( res )
{
  //取得データステータスチェック
  var match_pattern = /404 Not Found/g;
  var ret = res.responseText.match(match_pattern);
  if(ret || !res.responseText){
	//404 Not Found の場合はデータなしとする。
	return;
  }
  // 各行を取得
  var rows = res.responseText.split('\r').join('').split('\n');
  var eName = "news_result1";
  for(var i = 0; i < rows.length; i++) {
    // 各セルを取得
    cells = rows[i].split(',');
    for(var j = 0; j < cells.length; j++) {
		/*
		if(cells[j] && j==1){
			document.getElementById(eName).innerHTML +=cells[j]+"<br>";
		}else if(cells[j] && j==0){
			document.getElementById(eName).innerHTML +=cells[j]+"：";
		}
		*/
			document.getElementById(eName).innerHTML +=cells[j]+"<br>";
  	}
  }
}

/* News NewFaces ------------------------------------------------------------ */
// 男女各6枠までの表示。枠の空きは空白表示。
//
// 指定したURLを非同期でリクエスト
function getFile_news_newFace(){
	sendRequest(news_newFaceData,'','GET',urlb,true,true);
}
// NEWSFACESレスポンスデータを表示
function news_newFaceData( res )
{
  //取得データステータスチェック
  var match_pattern = /404 Not Found/g;
  var ret = res.responseText.match(match_pattern);
  if(ret || !res.responseText){
	//404 Not Found の場合はデータなしとする。
	return;
  }
  // 女性データ取得
  // 各行を取得 画像をシャッフルして表示するためあらかじめ情報を取得
  var p = 1;
  var fAray = new Array();
  var randn = new Array();
  var rows = res.responseText.split('\r').join('').split('\n');
  for(var i = 0; i < rows.length; i++) {
	// 各セルを取得
    cells = rows[i].split(',');
	if(cells[1] == "F" && cells[2] == 1){
		fAray[p] = new Array();
		fAray[p] = cells;
		//シャッフル用に個数を登録
		randn[p] = p;
		p++;
	}
  }
  
  randn = shuffle(randn);

  var n = 1;
  //6画像まで表示1~6+0
  for(var i = 0; i < 7; i++){
	  	var j = randn[i];//1~個数分
		if(j){
			//var j = p - 1;//ポインタは0~の為-1
			var chkd = fAray[j][0];
			var imgurl = '<img src="models/' + fAray[j][7] + '/' + fAray[j][4] + '_60_70.jpg" border="0" onmouseover="this.src=\'models/' + fAray[j][7] + '/' + fAray[j][4] + '_60_70_2.jpg\'" onmouseout="this.src=\'models/' + fAray[j][7] + '/' + fAray[j][4] + '_60_70.jpg\'" style="cursor : pointer;" alt="' + fAray[j][7] + '" onClick="m_win(\'detail.html?' + fAray[j][0] + '\', \'ditwin\', \'902\',\'680\',\'' + fAray[j][0] + '\');">';
		var eName = "newFace_result_F" + n;
		document.getElementById(eName).innerHTML=imgurl;
		n++;
		}
		//表示個数
		if( n > 6 ){break;}
  }
 
  // 男性データ取得
  // 各行を取得 画像をシャッフルして表示するためあらかじめ情報を取得
  var p = 1;
  var fAray = new Array();
  var randn = new Array();
  var rows = res.responseText.split('\r').join('').split('\n');
  for(var i = 0; i < rows.length; i++) {
    // 各セルを取得
    cells = rows[i].split(',');
	if(cells[1] == "M" && cells[2] == 1){
		fAray[p] = new Array();
		fAray[p] = cells;
		//シャッフル用に個数を登録
		randn[p] = p;
		p++;
	}
  }
  
  randn = shuffle(randn);
  
  var n = 1;
  //6画像まで表示1~6+0
  for(var i = 0; i < 7; i++){
	  	var j = randn[i];//1~個数分
		if(j){
			//var j = p - 1;//ポインタは0~の為-1
			var chkd = fAray[j][0];
			var imgurl = '<img src="models/' + fAray[j][7] + '/' + fAray[j][4] + '_60_70.jpg" border="0" onmouseover="this.src=\'models/' + fAray[j][7] + '/' + fAray[j][4] + '_60_70_2.jpg\'" onmouseout="this.src=\'models/' + fAray[j][7] + '/' + fAray[j][4] + '_60_70.jpg\'" style="cursor : pointer;" alt="' + fAray[j][7] + '" onClick="m_win(\'detail.html?' + fAray[j][0] + '\', \'ditwin\', \'902\',\'680\',\'' + fAray[j][0] + '\');">';
			
			var eName = "newFace_result_M" + n;
			document.getElementById(eName).innerHTML=imgurl;
			n++;
		}
		//表示個数
		if( n > 6 ){break;}
  }
}

/* Data Shuffle ----------------------------------------------------------- */
function shuffle(list) {
  var i = list.length;

  while (--i) {
    var j = Math.floor(Math.random() * (i + 1));
    if (i == j) continue;
    var k = list[i];
    list[i] = list[j];
    list[j] = k;
  }

  return list;
}

/* News Models ------------------------------------------------------------ */
// 男女各6枠までの表示。枠の空きは空白表示。
//
// 指定したURLを非同期でリクエスト
function getFile_news_Models(){
	sendRequest(news_Models,'','GET',urlb,true,true);
}
// MODELSレスポンスデータを表示
function news_Models( res )
{
  //取得データステータスチェック
  var match_pattern = /404 Not Found/g;
  var ret = res.responseText.match(match_pattern);
  if(ret || !res.responseText){
	//404 Not Found の場合はデータなしとする。
	return;
  }
  // 女性データ取得
  // 各行を取得 画像をシャッフルして表示するためあらかじめ情報を取得
  var p = 1;
  var fAray = new Array();
  var randn = new Array();
  var rows = res.responseText.split('\r').join('').split('\n');
  for(var i = 0; i < rows.length; i++) {
	// 各セルを取得
    cells = rows[i].split(',');
	if(cells[1] == "F" && cells[13] == 1){
		fAray[p] = new Array();
		fAray[p] = cells;
		//シャッフル用に個数を登録
		randn[p] = p;
		p++;
	}
  }
  
  randn = shuffle(randn);

  var n = 1;
  //6画像まで表示1~6+0
  for(var i = 0; i < 7; i++){
	  	var j = randn[i];//1~個数分
		if(j){
			//var j = p - 1;//ポインタは0~の為-1
			var chkd = fAray[j][0];
			var imgurl = '<img src="models/' + fAray[j][7] + '/' + fAray[j][4] + '_60_70.jpg" border="0" onmouseover="this.src=\'models/' + fAray[j][7] + '/' + fAray[j][4] + '_60_70_2.jpg\'" onmouseout="this.src=\'models/' + fAray[j][7] + '/' + fAray[j][4] + '_60_70.jpg\'" style="cursor : pointer;" alt="' + fAray[j][7] + '" onClick="m_win(\'detail.html?' + fAray[j][0] + '\', \'ditwin\', \'902\',\'680\',\'' + fAray[j][0] + '\');">';
		var eName = "Models_result_F" + n;
		document.getElementById(eName).innerHTML=imgurl;
		n++;
		}
		//表示個数
		if( n > 6 ){break;}
  }
 
  // 男性データ取得
  // 各行を取得 画像をシャッフルして表示するためあらかじめ情報を取得
  var p = 1;
  var fAray = new Array();
  var randn = new Array();
  var rows = res.responseText.split('\r').join('').split('\n');
  for(var i = 0; i < rows.length; i++) {
    // 各セルを取得
    cells = rows[i].split(',');
	if(cells[1] == "M" && cells[13] == 1){
		fAray[p] = new Array();
		fAray[p] = cells;
		//シャッフル用に個数を登録
		randn[p] = p;
		p++;
	}
  }
  
  randn = shuffle(randn);
  
  var n = 1;
  //6画像まで表示1~6+0
  for(var i = 0; i < 7; i++){
	  	var j = randn[i];//1~個数分
		if(j){
			//var j = p - 1;//ポインタは0~の為-1
			var chkd = fAray[j][0];
			var imgurl = '<img src="models/' + fAray[j][7] + '/' + fAray[j][4] + '_60_70.jpg" border="0" onmouseover="this.src=\'models/' + fAray[j][7] + '/' + fAray[j][4] + '_60_70_2.jpg\'" onmouseout="this.src=\'models/' + fAray[j][7] + '/' + fAray[j][4] + '_60_70.jpg\'" style="cursor : pointer;" alt="' + fAray[j][7] + '" onClick="m_win(\'detail.html?' + fAray[j][0] + '\', \'ditwin\', \'902\',\'680\',\'' + fAray[j][0] + '\');">';
			
			var eName = "Models_result_M" + n;
			document.getElementById(eName).innerHTML=imgurl;
			n++;
		}
		//表示個数
		if( n > 6 ){break;}
  }
}


/* NewFaces ------------------------------------------------------------ */
// 男女各あるだけ表示。1行は6枠までの表示。枠の空きはComming Soon表示。
//
// 指定したURLを非同期でリクエスト
function getFile_newFace(){
	sendRequest(newFaceData,'','GET',urlb,true,true);
}

// NEWSFACESレスポンスデータを表示
function newFaceData( res )
{
  // 女性データ取得
  var reqtype = 110;
  var otable = outTable_80_95(res, reqtype);
  //データインプラント
  document.getElementById("female_data").innerHTML=otable;


  // 男性データ取得
  var reqtype = 210;
  var otable = outTable_80_95(res, reqtype);
  //データインプラント
  document.getElementById("male_data").innerHTML=otable;

}

/* Talent ------------------------------------------------------------ */
// 男女各あるだけ表示。1行は6枠までの表示。枠の空きはComming Soon表示。
//
// 指定したURLを非同期でリクエスト
function getFile_talent(){
	sendRequest(talentData,'','GET',urlb,true,true);
}

// TALENTレスポンスデータを表示
function talentData( res )
{
  // 女性データ取得
  var reqtype = 101;
  var otable = outTable_80_95(res, reqtype);
  //データインプラント
  document.getElementById("female_data").innerHTML=otable;


  // 男性データ取得
  var reqtype = 201;
  var otable = outTable_80_95(res, reqtype);
  //データインプラント
  document.getElementById("male_data").innerHTML=otable;

}


/* Ladies ------------------------------------------------------------ */
// 女性あるだけ表示。1行は6枠までの表示。枠の空きはComming Soon表示。
//
// 指定したURLを非同期でリクエスト
function getFile_ladies(){
	sendRequest(ladiesData,'','GET',urlb,true,true);
}

// LADIESレスポンスデータを表示
function ladiesData( res )
{
  // 女性データ取得
  var reqtype = 100;
  var otable = outTable_80_95(res, reqtype);
  //データインプラント
  document.getElementById("female_data").innerHTML=otable;
}

/* Mens ------------------------------------------------------------ */
// 男性あるだけ表示。1行は6枠までの表示。枠の空きはComming Soon表示。
//
// 指定したURLを非同期でリクエスト
function getFile_mens(){
//  sendRequest( urlb, mensData, 'GET', '');
	sendRequest(mensData,'','GET',urlb,true,true);
}

// MENSレスポンスデータを表示
function mensData( res )
{
  // 男性データ取得
  var reqtype = 200;
  var otable = outTable_80_95(res, reqtype);
 
 //データインプラント
 document.getElementById("male_data").innerHTML=otable;

}


/* 共通処理 bak_80_95 pic------------------------------------------------ */
function outTable_80_95(res, reqtype){
	
  var ftable = new String();
  // 各行を取得
  var n = 1;//総個数
  var t = 1;//行内個数
  var l = 1;//行番号

  //取得データステータスチェック
  var match_pattern = /404 Not Found/g;
  var ret = res.responseText.match(match_pattern);
  if(ret || !res.responseText){
	//404 Not Found の場合はデータなしとする。
	return;
  }

ftable = '<table>';
  
  var rows = res.responseText.split('\r').join('').split('\n');
  for(var i = 0; i < rows.length; i++) {
    // 各セルを取得
    cells = rows[i].split(',');
	var reqans = 0;
	switch(reqtype){
		case 110:
			if(cells[1] == "F" && cells[2] == 1){reqans = 1;}
			break;
		case 210:
			if(cells[1] == "M" && cells[2] == 1){reqans = 1;}
			break;
		case 101:
			if(cells[1] == "F" && cells[3] == 1){reqans = 1;}
			break;
		case 201:
			if(cells[1] == "M" && cells[3] == 1){reqans = 1;}
			break;
		case 100:
			if(cells[1] == "F"){reqans = 1;}
			break;
		case 200:
			if(cells[1] == "M"){reqans = 1;}
			break;
		default:
			var reqans = 0;
			break;
	}

	if(reqans){
		
		//和名
		if(cells[6]){
			var wname = cells[6];
		} else {
			var wname = "";	
		}
		//行制御
		if(n == 1){
			ftable = ftable + '<tr>';
		} else if ((n%6)==1){
			ftable = ftable + '</tr><tr>';
			l++;
			t=1;//reset
		}
		
		//列制御
		ftable = ftable + '<td width="96" height="130" valign="top" align="left">';
		ftable = ftable + '<div align="center"><table border="0" cellpadding="0" cellspacing="0" width="95" background="web_image/photobase.jpg" height="125">';
		ftable = ftable + '<tr height="8">';
		ftable = ftable + '<td height="8" width="8"></td>';
		ftable = ftable + '<td height="8" width="80"></td>';
		ftable = ftable + '<td height="8" width="8"></td>';
		ftable = ftable + '</tr>';
		ftable = ftable + '<tr height="95">';
		ftable = ftable + '<td height="95"></td>';
		ftable = ftable + '<td width="80" height="95" valign="middle" align="center">';


		ftable = ftable + '<img src="models/' + cells[7] + '/' + cells[4] + '_80_95.jpg" border="0" onmouseover="this.src=\'models/' + cells[7] + '/' + cells[4] + '_80_95_2.jpg\'" onmouseout="this.src=\'models/' + cells[7] + '/' + cells[4] + '_80_95.jpg\'" style="cursor : pointer;" alt="' + cells[7] + '" onClick="m_win(\'detail.html?' + cells[0] + '\', \'ditwin\', \'902\',\'680\',\'' + cells[0] + '\');">';
			
		ftable = ftable + '</td>';
		ftable = ftable + '<td height="95"></td>';
		ftable = ftable + '</tr>';
		ftable = ftable + '<tr height="22">';
		ftable = ftable + '<td height="22"></td>';
		ftable = ftable + '<td width="80" height="22" align="center">' + wname + '</td>';
		ftable = ftable + '<td height="22"></td>';
		ftable = ftable + '</tr>';
		ftable = ftable + '</table></div>';
		ftable = ftable + '</td>';
				
		n++;
		t++;

	}//EOF if(F)
  }//EOF for
  
  // あるだけ表示（最大６枠）対応
  //6枠チェック　空きがある場合の処理
  for(var i = t; i <= 6; i++){
		//データなし (文字)
		ftable = ftable + '<td width="96" height="130" valign="top" align="left">';
		ftable = ftable + '<div align="center"><table border="0" cellpadding="0" cellspacing="0" width="95" background="web_image/photobase.jpg" height="125">';
		ftable = ftable + '<tr height="8">';
		ftable = ftable + '<td height="8" width="8"></td>';
		ftable = ftable + '<td height="8" width="80"></td>';
		ftable = ftable + '<td height="8" width="8"></td>';
		ftable = ftable + '</tr>';
		ftable = ftable + '<tr height="95">';
		ftable = ftable + '<td height="95"></td>';
		ftable = ftable + '<td width="80" height="95" valign="middle" align="center">';
		ftable = ftable + 'Comming Soon.';
		ftable = ftable + '</td>';
		ftable = ftable + '<td height="95"></td>';
		ftable = ftable + '</tr>';
		ftable = ftable + '<tr height="22">';
		ftable = ftable + '<td height="22"></td>';
		ftable = ftable + '<td width="80" height="22" align="center"></td>';
		ftable = ftable + '<td height="22"></td>';
		ftable = ftable + '</tr>';
		ftable = ftable + '</table></div>';
		ftable = ftable + '</td>';	
  }
	
  ftable = ftable + '</tr></table>';
  
  return ftable;
}