﻿

function printData(sortOrder) {
	
	var i;
	var j;

	var sort_hist=new Array();
	
	sort_hist=sortDirec.split(",");		//ソート履歴格納配列変数

	msg_up="<img src='img/botan/up_arrow.jpg' width='20' height='20' >";	//降順ソート矢印
	msg_dn="<img src='img/botan/dn_arrow.jpg' width='20' height='20' >";	//昇順ソート矢印

	var arrayLength=exDB.length;
	
	var msg;
	var data=new Array();



	for(i=0; i<arrayLength; i++) {
	data=exDB[i].split(",");
		
		if(sortOrder=="price") {
			//価格データをdata[0]のキー配列変数に代入
			data[0]=data[12];
		}

		else if(sortOrder=="menseki") {
			data[0]=data[13];
		}

		else if(sortOrder=="juuryou") {
			data[0]=data[14];
		}

		else if(sortOrder=="uresuji") {
			data[0]=data[15];
		}
		
		else if(sortOrder=="hatubai") {
			data[0]=data[16];
		}

		else if(sortOrder=="namae") {
			data[0]=data[1];
		}
			
		//16個のデータを繋いで元の形に戻す
		datatemp=data[0];
		for(j=1; j<17; j++) {
			datatemp=datatemp+","+data[j];
		}
			
		//配列に戻す
		exDB[i]=datatemp;
			
	}
			
	//ソートする。
		if(sortOrder == "") {	//ページを開いた状態
			exDB.sort();
			sort_hist[0]="dummy";	//履歴をリセット
			sort_hist[1]="dummy";	//履歴をリセット
			
		}

		else if(sortOrder != sort_hist[0]) {	//新しいソートキーをクリックした状態
			exDB.sort();
			sort_hist[0]=sortOrder;
			sort_hist[1]="asc";
		}
		
		else if(sortOrder==sort_hist[0] && sort_hist[1]=="desc") { //同じキーでの直前のソートをチェックし反対を行う
			exDB.sort();
			sort_hist[0]=sortOrder;
			sort_hist[1]="asc";
		}

		else if(sortOrder==sort_hist[0] && sort_hist[1]=="asc") { //同じキーでの直前のソートをチェックし反対を行う
			exDB.reverse();
			sort_hist[0]=sortOrder;
			sort_hist[1]="desc";
		}

		else if(sort_hist[1]!="asc" && sort_hist[1]!="desc") { //直前のソートをチェックし反対を行う
			exDB.sort();
			sort_hist[0]=sortOrder;
			sort_hist[1]="asc";
		}


		//昇順降順矢印表示
		if (sort_hist[1]=="asc") {
		
			document.getElementById("arrow").innerHTML=msg_dn;
			document.getElementById("arrow2").innerHTML=msg_dn;
		}
		
		else if (sort_hist[1]=="desc") {
			document.getElementById("arrow").innerHTML=msg_up;
			document.getElementById("arrow2").innerHTML=msg_up;
		
		}


	sortDirec=sort_hist[0]+","+sort_hist[1]; //ソート履歴を保存

	msg="<table border='1' cellpadding='0' cellspacing='0' id='t-detail' summary='タイルの機能・特徴比較表'><tr><th scope='col'>製品名</th><th scope='col'>寸法<br>長さx幅x厚さ</th><th scope='col'>耐久性</th><th scope='col'>軽量性</th><th scope='col'>重厚感<br>落ち着き</th><th scope='col'>軽快感<br>明るさ</th><th scope='col'>シック</th><th scope='col'>カラフル</th><th scope='col'>テクス<br>チャー</th><th scope='col'>調湿<br>消臭</th></tr>";
	

//ソートしたexDBデータをもう1度展開
	for(i=0; i<arrayLength; i++) {
			data=exDB[i].split(",");
			
 	msg=msg+"<tr><th scope='row'><a href="+data[11]+">"+data[1]+"</a></th><td>"+data[2]+"</td><td>"+data[3]+"</td><td>"+data[4]+"</td><td>"+data[5]+"</td><td>"+data[6]+"</td><td>"+data[7]+"</td><td>"+data[8]+"</td><td>"+data[9]+"</td><td>"+data[10]+"</td></tr>";

	}		
	msg=msg+"</table>";
	document.getElementById("displayPane").innerHTML=msg;
}

