$(function(){

	$("#grid").flexigrid({
		url: 'post2.php',
		procmsg: '読み込み中です..',
		pagestat: '全 {total} 件のうち、{from} - {to} 件目を表示中',
		method: 'POST',
		dataType: 'json',
		colModel : [
			{display: '総合順位', name : 'juni', width : 40, sortable : false, align: 'center'},
			{display: '走行日', name : 'date', width : 70, sortable : true, align: 'center'},
			{display: 'タイム', name : 'time', width : 40, sortable : true, align: 'center'},
			{display: 'ドライバー', name : 'name', width : 80, sortable : true, align: 'center'},
			{display: '車両', name : 'car', width : 80, sortable : true, align: 'center'},
			{display: '型式', name : 'type', width : 40, sortable : true, align: 'center'},
			{display: '年式', name : 'year', width : 40, sortable : true, align: 'center'},
			{display: '駆動', name : 'drive', width : 40, sortable : true, align: 'center'},
			{display: 'タイヤ', name : 'tire', width : 20, sortable : true, align: 'center'},
			{display: '仕様', name : 'siyo', width : 20, sortable : true, align: 'center'},
			{display: '天気', name : 'tenki', width : 20, sortable : true, align: 'center'},
			{display: '路面', name : 'romen', width : 20, sortable : true, align: 'center'},
			{display: 'コメント', name : 'comment', width : 185, sortable : true, align: 'center'}
		],
		searchitems : [
			{display: 'ニックネーム', name : 'name'},
			{display: '車両', name : 'car'},
			{display: '型式', name : 'type'},
			{display: '駆動形式', name : 'drive'},
			{display: 'タイヤ', name : 'tire'},
			{display: '仕様', name : 'siyo'}
		],
		preProcess: _preProcess,
		sortname: "time",
		sortorder: "asc",
		usepager: true,
		resizable: false,
		showToggleBtn: false,
		useRp: true,
		rp: 30,
		width: '860',
		height: 'auto',
		rpOptions: [30,50,100]
	})

})

function _preProcess( data ){
	$.each( data.rows,
		function(i,val) {
			val.cell[10] = '<img src="images/'+val.cell[10]+'.gif" />';
		}
	);
	return data;
}