<?
	//5019 / 5020 /2021-
	require_once( "/home/mli/inc/define2.inc" );

	if( isset($_REQUEST["posno"]) ){
		$posno=$_REQUEST["posno"];
	}else{
		$posno="00000";
	}
	

	$spImg = "";
	$kekka = 0;
	for( $n=0;$n<30;$n++ ){
		$baseImage[$n]="img/noimage.png";
		$optImg[$n]="img/noimage.png";
	}
	
	
	$start_kakaku=0;
	$last_kakaku=0;
	$seritime="0000";
	$lane="A";
	$kekka=0;
	$teisei="";
	if( isset( $_REQUEST["spno"] ) ){
		
		$sql = sprintf( "SELECT a.*, b.rakusatsu_no, b.kubun, b.last_kakaku, b.syodan_kakaku, b.rakusatsu_kakaku, c.teisei_code, c.teisei_info FROM sp_info a LEFT JOIN seri_result b ON a.sp_link_cd = b.sp_link_cd AND a.kaisai_no = b.kaisai_no AND a.sp_no = b.sp_no LEFT JOIN seri_teisei c ON a.sp_link_cd = c.sp_link_cd AND a.kaisai_no = c.kaisai_no AND a.sp_no = c.sp_no WHERE a.sp_link_cd = %d AND a.kaisai_no = %d AND a.sp_no = '%d' ORDER BY a.sp_no;", $rc_code, $kaisai_no, $_REQUEST["spno"] );
	
		$r = pg_query( $dbconn, $sql );
		if( $r ){
			$num = pg_num_rows( $r );
			
			if( $num>0 ){
				$l=pg_fetch_array( $r );
				if( $l["lene"] == 0 ) $lane = 'A';
				if( $l["lene"] == 1 ) $lane = 'A';
				if( $l["lene"] == 2 ) $lane = 'B';
				if( $l["lene"] == 3 ) $lane = 'C';
				if( $l["lene"] == 4 ) $lane = 'D';
				if( $l["lene"] == 5 ) $lane = 'E';
				if( $l["lene"] == 6 ) $lane = 'F';
				$start_kakaku = $l["start_kakaku"];
				$seritime = $l["seritime"];
				$teisei = $l["teisei_info"];
				$teisei = str_replace( "'", "", $teisei );
				if( $l["kubun"] == "0" ){
					//0 miseri 
					$kekka=0;
					$last_kakaku = 0;
				}else if( $l["kubun"]=="1" ){
					$kekka=4;
					//4 流札
					$last_kakaku = $l["syodan_kakaku"];
				}else if( $l["kubun"]=="2" ){
					if( $l["rakusatsu_no"] == $posno ){
						$kekka=1;
						//1 自社落札
					}else{
						$kekka=2;
						//2 他社落札
					}
					$last_kakaku = $l["rakusatsu_kakaku"];
				}else if( $l["kubun"]=="3" ){
					$kekka=6;
					$last_kakaku = $l["syodan_kakaku"];
					//6 商談
				}else if( $l["kubun"]=="4" ){
					if( $l["rakusatsu_no"] == $posno ){
						$kekka=1;
						//1 自社落札
					}else{
						$kekka=2;
						//2 他社落札
					}
					$last_kakaku = $l["rakusatsu_kakaku"];
				}
			}
		}
		
		$prefn=sprintf( "%s/%04d.JPG", SPN_FOLDER, $_REQUEST["spno"] );
		if( file_exists( $prefn ) ){
			$baseImage[0]=sprintf( "image.php?f=SPN&fn=%04d.JPG", $_REQUEST["spno"] );
		}
		$prefn=sprintf( "%s/ILA%04d2.JPG", ILA_FOLDER, $_REQUEST["spno"] );
		if( file_exists( $prefn ) ){
			$baseImage[1]=sprintf( "image.php?f=ILA&fn=ILA%04d2.JPG", $_REQUEST["spno"] );
		}
		$prefn=sprintf( "%s/ILA%04d3.JPG", ILA_FOLDER, $_REQUEST["spno"] );
		if( file_exists( $prefn ) ){
			$baseImage[2]=sprintf( "image.php?f=ILA&fn=ILA%04d3.JPG", $_REQUEST["spno"] );
		}
		$preDat=sprintf( "%s/data//%05d.DAT", PRE_FOLDER, $_REQUEST["spno"] );
		if( file_exists( $preDat ) ){
			$index=0;
			$dlist=file_get_contents( $preDat );
			for( $n=0;$n<30;$n++ ){
				//567は除外
				if( $dlist{$n}=="5" ){
					$prefn=sprintf( "%s/PRE/%s/%05d.JPG", PRE_FOLDER, $dlist{$n}, $_REQUEST["spno"] );
					if( file_exists( $prefn ) ){
						$baseImage[5]=sprintf( "image.php?f=PRE&fn=PRE/%s/%05d.JPG", $dlist{$n}, $_REQUEST["spno"] );
					}
				}else if( $dlist{$n}=="6" ){
					$prefn=sprintf( "%s/PRE/%s/%05d.JPG", PRE_FOLDER, $dlist{$n}, $_REQUEST["spno"] );
					if( file_exists( $prefn ) ){
						$baseImage[6]=sprintf( "image.php?f=PRE&fn=PRE/%s/%05d.JPG", $dlist{$n}, $_REQUEST["spno"] );
					}
				}else if( $dlist{$n}=="7" ){
					$prefn=sprintf( "%s/PRE/%s/%05d.JPG", PRE_FOLDER, $dlist{$n}, $_REQUEST["spno"] );
					if( file_exists( $prefn ) ){
						$baseImage[7]=sprintf( "image.php?f=PRE&fn=PRE/%s/%05d.JPG", $dlist{$n}, $_REQUEST["spno"] );
					}
				}else{
					$prefn=sprintf( "%s/PRE/%s/%05d.JPG", PRE_FOLDER, $dlist{$n}, $_REQUEST["spno"] );
					if( file_exists( $prefn ) ){
						$optImg[$index]=sprintf( "image.php?f=PRE&fn=PRE/%s/%05d.JPG", $dlist{$n}, $_REQUEST["spno"] );
						$index++;
					}
				}
			}
		}
	}

	if( isset( $_REQUEST["carname_code"] ) ){
		$mode=1;
		$spno=0;
		$sql = sprintf( "SELECT a.*, b.rakusatsu_no, b.kubun, b.last_kakaku, b.syodan_kakaku, b.rakusatsu_kakaku, c.teisei_code, c.teisei_info	 FROM sp_info a LEFT JOIN seri_result b ON a.sp_link_cd = b.sp_link_cd AND a.kaisai_no = b.kaisai_no AND a.sp_no = b.sp_no LEFT JOIN seri_teisei c ON a.sp_link_cd = c.sp_link_cd AND a.kaisai_no = c.kaisai_no AND a.sp_no = c.sp_no WHERE a.sp_link_cd = %d AND a.kaisai_no = %d AND a.car_code = '%d' ORDER BY a.sp_no;", $rc_code, $kaisai_no, $_REQUEST["carname_code"] );
		$r = pg_query( $dbconn, $sql );
		if( $r ){
			$num = pg_num_rows( $r );
			for( $i=0;$i<$num;$i++ ){
				$l=pg_fetch_array( $r );
				$list[$i] = $l;
				if( $spno==0 ) $spno = $l["sp_no"];
			}
		}
	}else{
		$mode=0;
		$spno=$_REQUEST["spno"];
	}

?><!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="minimal-ui, width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, target-densityDpi=medium-dpi">
<script type="text/javascript">

var posno = '';
var curPos = 0;


function init(){
	preload(["img/NUMSSS.png","img/NUM00S.png","img/NUM01S.png","img/NUM02S.png","img/NUM03S.png","img/NUM04S.png",
				"img/NUM05S.png","img/NUM06S.png","img/NUM07S.png","img/NUM08S.png","img/NUM09S.png","img/NUM10S.png","img/NUM11S.png",
				"img/NUM12S.png","img/NUM13S.png","img/NUM14S.png","img/NUM15S.png","img/NUM16S.png","img/NUM17S.png","img/NUM18S.png"]);
	showNumber( '' );
	showStartPrice(  );
	showLastPrice(  );
	showStartTime( "",  );
	showLane( '' );
	showMode( '' );
	showTeisei( '' );
<?	if( $mode==0 ){	?>
<?	}else{	?>
	showRightData( , 0, 0 );
<?	}		?>
}

function showRightData( spno, num, cnt ){
	showNumber( spno );
	
	var d = new Date();
	var ms = d.getTime();	
	
	var httpObj = new XMLHttpRequest();
	var url = "getdata.php?spno=" + spno + "&posno=" + posno + "&sn=" + ms;
	httpObj.open("get", url , true);

	httpObj.onload = function(){
		var myData = JSON.parse(this.responseText);
		var txt = "";
		if( myData ){
			if( myData.baseImage ){
				for (var i=0; i<myData.baseImage.length; i++){
					if( i==0 ) document.getElementById('base0').src = myData.baseImage[0];
					if( i==1 ) document.getElementById('base1').src = myData.baseImage[1];
					if( i==2 ) document.getElementById('base2').src = myData.baseImage[2];
					
					if( i==5 ) document.getElementById('base5').src = myData.baseImage[5];
					if( i==6 ) document.getElementById('base6').src = myData.baseImage[6];
					if( i==7 ) document.getElementById('base7').src = myData.baseImage[7];
				}
			}
			if( myData.optImg ){
				for (var i=0; i<myData.optImg.length; i++){
					var z = zeroPadding( i, 2 );
					if( i<=20 ) document.getElementById('opt'+z).src = myData.optImg[i];
				}
			}
			showStartPrice( myData.start_kakaku );
			showLastPrice( myData.last_kakaku );
			showStartTime( myData.seritime, myData.kekka );
			showLane( myData.lane );
			showTeisei( myData.teisei );

		}
//		document.getElementById("TMSG").innerHTML = txt;
	}
	httpObj.send(null);	
	
	if( num != curPos ){
		document.getElementById("list"+curPos+"a").className = document.getElementById("list"+curPos+"a").getAttribute( 'tag' );
		document.getElementById("list"+curPos+"b").className = document.getElementById("list"+curPos+"b").getAttribute( 'tag' );
		document.getElementById("list"+num+"a").className = "list-back2";
		document.getElementById("list"+num+"b").className = "list-back2";
		curPos = num;
	}
	
}

function showMode( mode ){
	
	
	
}

function preload(imgs){
 for(var i = 0; i < imgs.length; i++){
   var imgObj = new Image();
   imgObj.src = imgs[i];
 }
}

function zeroPadding(number, length){
    return (Array(length).join('0') + number).slice(-length);
}

function showNumber( spno ){
	var zero=0;
	var dispNum = zeroPadding( spno, 5 );
	for( i=0;i<5;i++ ){
		var dig = dispNum.charAt(i);
		if( dig > 0 || i==4 ) zero = 1;
		var srcImage;
		if( dig == 0 ){
			if( zero ){
				digStr=zeroPadding( dig, 2 );
				srcImage = "img/NUM"+digStr+"S.png";
			}else{
				srcImage = "img/NUMSSS.png";
			}
		}else{
			digStr=zeroPadding( dig, 2 );
			srcImage = "img/NUM"+digStr+"S.png";
		}
		var numObj = document.getElementById("n"+i.toString());
		if( numObj ) numObj.src=srcImage;
	}
}

function showStartPrice( price ){
	var zero=0;
	var dispNum = zeroPadding( price, 5 );
	for( i=0;i<5;i++ ){
		var dig = dispNum.charAt(i);
		if( dig > 0 || i==4 ) zero = 1;
		var srcImage;
		if( dig == 0 ){
			if( zero ){
				digStr=zeroPadding( dig, 2 );
				srcImage = "img/NUM"+digStr+"S.png";
			}else{
				srcImage = "img/NUMSSS.png";
			}
		}else{
			digStr=zeroPadding( dig, 2 );
			srcImage = "img/NUM"+digStr+"S.png";
		}
		var numObj = document.getElementById("s"+i.toString());
		if( numObj ) numObj.src=srcImage;
	}

	var numObj = document.getElementById("s5");
	if( price>=1000 ){
		if( numObj ) numObj.style.visibility = 'visible';
	}else{
		if( numObj ) numObj.style.visibility = 'hidden';
	}
}

function showTeisei( teisei ){
	var strTMSG = document.getElementById("TMSG");
	if( strTMSG ){
		if( teisei=='' ){
			strTMSG.style.visibility = 'hidden';
		}else{
			strTMSG.innerHTML = teisei + '<br>';
			strTMSG.style.visibility = 'visible';
		}
	}
}

function showLastPrice( price ){
	var zero=0;
	var dispNum = zeroPadding( price, 5 );
	for( i=0;i<5;i++ ){
		var dig = dispNum.charAt(i);
		if( dig > 0 || i==4 ) zero = 1;
		var srcImage;
		if( dig == 0 ){
			if( zero ){
				digStr=zeroPadding( dig, 2 );
				srcImage = "img/NUM"+digStr+"S.png";
			}else{
				srcImage = "img/NUMSSS.png";
			}
		}else{
			digStr=zeroPadding( dig, 2 );
			srcImage = "img/NUM"+digStr+"S.png";
		}
		var numObj = document.getElementById("r"+i.toString());
		if( numObj ) numObj.src=srcImage;
	}

	var numObj = document.getElementById("r5");
	if( price>=1000 ){
		if( numObj ) numObj.style.visibility = 'visible';
	}else{
		if( numObj ) numObj.style.visibility = 'hidden';
	}
}

function showLane( lane ){
	var subjObj = document.getElementById("a0");
	var baseObj = document.getElementById("a1");
	var laneObj = document.getElementById("a2");
	if( baseObj && laneObj ){
		laneObj.src = "img/NUM0"+lane+"S.png";
		if( lane=='A' ){
			baseObj.style.backgroundColor='#ff9900';
		}else if( lane=='B' ){
			baseObj.style.backgroundColor='#00dd22';
		}else if( lane=='C' ){
			baseObj.style.backgroundColor='#ff9900';
		}else if( lane=='D' ){
			baseObj.style.backgroundColor='#00dd22';
		}else if( lane=='E' ){
			baseObj.style.backgroundColor='#ff9900';
		}else if( lane=='F' ){
			baseObj.style.backgroundColor='#00dd22';
		}else if( lane=='G' ){
			baseObj.style.backgroundColor='#ff9900';
		}else if( lane=='H' ){
			baseObj.style.backgroundColor='#00dd22';
		}else if( lane=='I' ){
			baseObj.style.backgroundColor='#ff9900';
		}else if( lane=='J' ){
			baseObj.style.backgroundColor='#00dd22';
		}else if( lane=='K' ){
			baseObj.style.backgroundColor='#ff9900';
		}
		subjObj.style.backgroundColor=baseObj.style.backgroundColor;
	}
}

function showStartTime( startTime, kekka ){
	var zero=0;
	var dispNum = zeroPadding( startTime, 4 );
	for( i=0;i<4;i++ ){
		var dig = dispNum.charAt(i);
		if( dig > 0 || i==4 ) zero = 1;
		var srcImage;
		digStr=zeroPadding( dig, 2 );
		srcImage = "img/NUM"+digStr+"S.png";
		var numObj = document.getElementById("t"+(i+1).toString());
		if( numObj ) numObj.src=srcImage;
	}
	var timeview1 = document.getElementById("timeview1");
	var timeview2 = document.getElementById("timeview2");
	var spInfo = document.getElementById("spInfo");
	if( timeview1 && timeview2 && spInfo ){
		var numObj = document.getElementById("t5");
		if( numObj ) numObj.src=srcImage;
		if( kekka==0 ){
			timeview1.style.display='';
			timeview2.style.display='none';
			spInfo.style.backgroundColor='#000';
		}else{
			if( kekka==1 ){
				srcImage = "img/KEKKA01.png";
				spInfo.style.backgroundColor='#a00';
			}else if( kekka==2 ){
				srcImage = "img/KEKKA02.png";
				spInfo.style.backgroundColor='#444';
			}else if( kekka==3 ){
				srcImage = "img/KEKKA03.png";
				spInfo.style.backgroundColor='#444';
			}else if( kekka==4 ){
				srcImage = "img/KEKKA04.png";
				spInfo.style.backgroundColor='#444';
			}else if( kekka==5 ){
				srcImage = "img/KEKKA05.png";
				spInfo.style.backgroundColor='#444';
			}else if( kekka==6 ){
				srcImage = "img/KEKKA06.png";
				spInfo.style.backgroundColor='#444';
			}else if( kekka==7 ){
				srcImage = "img/KEKKA07.png";
				spInfo.style.backgroundColor='#444';
			}else if( kekka==8 ){
				srcImage = "img/KEKKA08.png";
				spInfo.style.backgroundColor='#444';
			}else if( kekka==9 ){
				srcImage = "img/KEKKA09.png";
				spInfo.style.backgroundColor='#444';
			}else if( kekka==10 ){
				srcImage = "img/KEKKA10.png";
				spInfo.style.backgroundColor='#444';
			}
			if( numObj ) numObj.src=srcImage;
			timeview1.style.display='none';
			timeview2.style.display='';
		}
	}
}


function showImage( flg, src ){
	var obj1 = document.getElementById( 'photoBox1' );
	var obj2 = document.getElementById( 'photoBox2' );
	var img1 = document.getElementById( 'photoImage1' );
	var img2 = document.getElementById( 'photoImage2' );

	if( src.match( /noimage\.png$/ ) ) return;
	if( flg=="0" ){
		if( img1 && obj1 ){
			img1.src=src;
			obj1.style.display='';
		}else{
			alert( 'オブジェクトが見つかりません' );
		}
	}else{
		if( img1 && obj1 ){
			img2.src=src;
			obj2.style.display='';
		}
	}
}


function closeImage(){
	var obj1 = document.getElementById( 'photoBox1' );
	var obj2 = document.getElementById( 'photoBox2' );
	if( obj1 && obj2 ){
		obj1.style.display='none';
		obj2.style.display='none';
	}
}


// スクロールを抑止する関数
function touchHandler(e) {
  	if(e.type == "touchend"){
//    e.preventDefault();  //これを有効にするとマウスイベントが取れなくなる
    	return;
	}

/*
	if( e.touches[0].target.id == "syupList" || e.touches[0].target.id == "search-list" ){
      	preventScroll( e );
    	e.preventDefault();
    	var touch = e.touches[0];
    	if(e.type == "touchstart"){
    	}
    	if(e.type == "touchmove"){
    	}
  	}else{
	    if(e.type == "touchmove"){
	      	preventScroll( e );
	    }
  	}
  	*/
}

// スクロールを抑止する関数
function preventScroll(event) {

  // li要素だけは、タップイベントに反応したいので、抑止しない。
  event.preventDefault();
}

// タッチイベントの初期化
document.addEventListener("touchstart", touchHandler, false);
document.addEventListener("touchmove", touchHandler, false);
document.addEventListener("touchend", touchHandler, false);



</script>
<style>

*{
    /* 意図しない横幅が出ないように画面幅で強制改行を有効にする */
    word-break: break-all;
}

body, p{
    margin: 0;
    padding: 0;
	width: 1605px;
	overflow: hidden;
}
 
/* 幅を制御する
-------------------------------------------------- */
.width-keeper{
    /* 中央寄せ */
    margin-left:auto;
    margin-right:0px;
     
    /* 最大幅をつけて PC でも見やすくする（無くても良い） */
    max-width: 1605px;
}

#main-contents {
	padding: 0px;
	width: 1605px;
	height: 1060px;
	background-color: #222;
	color: #fff;
	text-align: center;
}

.search-box {
	border-collapse: collapse;
	border-spacing: 0px;
	margin: 0px;
}

.search-box td, th{
	padding: 0px;
}

.TEISEI {
	padding: 0px 0px 0px 0px;
	text-align: left;
	font:normal normal bold 15px 'Meiryo UI', 'MS UI Gothic',sans-serif;
	background-color: #ff0; color: #444;
}

.search-result-count {
	margin: 0px;
	padding: 0px 0px 0px 10px;
	text-align: right;
	color: #fff;
	font:normal normal normal 30px/0.2 'Meiryo UI', 'MS UI Gothic',sans-serif;
}

#photoBox1 {
	padding-top: 40px;
	position: fixed;
	top: 0px;
	left: 0px;
	width: 1605px;
	height: 1056px;
	text-align: center;
	background-image: url( 'img/BACK014.png' );
	background-repeat: repeat;
}

#photoBox1 img {
	border: solid 10px #fff;
}

#photoBox2 {
	padding-top: 40px;
	position: fixed;
	top: 0px;
	left: 0px;
	width: 1605px;
	height: 1056px;
	text-align: center;
	background-image: url( 'img/BACK014.png' );
	background-repeat: repeat;
}

#photoBox2 img {
	border: solid 10px #fff;
}

#spInfo {
	width: 920px;
	height: 100px;
	border: solid 2px #eef;
	border-collapse: collapse;
	cell-spacing: 0px;
}

#spInfo th {
	padding: 0px 10px;
	text-align: left;
	color: #fff;
	border-width: 0px 0px 0px 2px;
	border-style: solid;
	border-color: #eef;
	font:normal normal bold 20px 'Meiryo UI', 'MS UI Gothic',sans-serif;
}

#spInfo td.td-r {
	padding-right: 5px;
	text-align: right;
	border-width: 0px 0px 0px 2px;
	border-style: solid;
	border-color: #eef;
}


#spInfo td.td-c {
	text-align: center;
	border-width: 0px 0px 0px 2px;
	border-style: solid;
	border-color: #eef;
}

.search-list {
	width: 640px;
	border-collapse: collapse;
	border-spacing: 0px;
	border: solid 2px #eef;
	margin: 0px;
}

.search-list th{
	padding: 0px;
	padding: 0px 2px;
	text-align: left;
	color: #fff;
	border-width: 2px;
	border-style: solid;
	border-color: #eef;
	background-color: #336699;
	font:normal normal bold 20px 'Meiryo UI', 'MS UI Gothic',sans-serif;
}

.search-list td{
	padding: 0px;
	padding: 0px 10px;
	text-align: left;
	color: #fff;
	border-width: 2px;
	border-style: solid;
	border-color: #eef;
	font:normal normal normal 24px 'Meiryo UI', 'MS UI Gothic',sans-serif;
}


.search-list td.td-r{
	text-align: right;
}

.search-list td.td-c{
	text-align: center;
}

.search-list td.td-a-c{
	text-align: center;
	background-color: #ff9900;
}

.search-list td.td-b-c{
	text-align: center;
	background-color: #00dd22;
}

#syupList::-webkit-scrollbar {
	display: none;
}

#syupList::-webkit-scrollbar-button {
	display: none;
}

.list-back0 {
	background-color: #000;
}

.list-back1 {
	background-color: #444;
}

.list-back2 {
	background-color: #c00;
}

input.BACK-BUTTON {
	margin-top: -90px;
	width: 350px;
	height: 80px;
	border: none 0px;
	outline: none;
	background-color: transparent;
}

input.BACK-BUTTON2 {
	margin-top: 0px;
	width: 350px;
	height: 80px;
	border: none 0px;
	outline: none;
	background-color: transparent;
}

input#BACK01 { background-image: url('img/OVER-BACKMENU01.png'); width: 350px; height: 80px;}
input#BACK01:active { background-image: url('img/DOWN-BACKMENU01.png'); width: 350px; height: 80px; }
input#BACK02 { background-image: url('img/OVER-BACKMENU02.png'); width: 350px; height: 80px;}
input#BACK02:active { background-image: url('img/DOWN-BACKMENU02.png'); width: 350px; height: 80px; }
input#BACK03 { background-image: url('img/OVER-BACKMENU03.png'); width: 350px; height: 80px;}
input#BACK03:active { background-image: url('img/DOWN-BACKMENU03.png'); width: 350px; height: 80px; }
input#BACK04 { background-image: url('img/OVER-BACKMENU04.png'); width: 350px; height: 80px;}
input#BACK04:active { background-image: url('img/DOWN-BACKMENU04.png'); width: 350px; height: 80px; }

</style>



</head>
<body onload="init();" onContextmenu="return false">
<!-- ヘッダー -->
<div class="header">
<div class="container width-keeper">
</div>
</div>
<!-- メインコンテンツ -->
<div id="main-contents" class="contents width-keeper" style="padding-top: 20px; padding-left: 15px;">
<?	if( $mode==1 ){	?>
	<div id="syupList" style="float: left; width: 640px; height: 900px; overflow: auto;">
		<table class="search-list">
			<tr>
				<th width="100">ﾚｰﾝ</th>
				<th width="80">訂正</th>
				<th width="240">車種名</th>
				<th width="100">評価点</th>
				<th width="120">ｽﾀｰﾄ価格</th>
			</tr>
			<tr>
				<th>出品番号</th>
				<th>年式</th>
				<th>グレード</th>
				<th>結果</th>
				<th>最終応札</th>
			</tr>

<?	
	$back=0;
	for( $i=0;$i<$num;$i++ ){	
		if( $back==0 ) $ret = "<div style=\"color: #f00;\">落札</div>";
		
			$className = "list-back" . $back;
			if( $i==0 ) $className = "list-back2";
			$carName = trim( str_replace( "　", "", $list[$i]["car_name"] ));
			$carName = mb_strimwidth ( $carName, 0, 16, "...", "UTF-8" );
			$gradeName = trim( str_replace( "　", "", $list[$i]["grade_name"] ));
			$gradeName = mb_strimwidth ( $gradeName, 0, 16, "...", "UTF-8" );
			
			$teisei = "";
			if( $list[$i]["teisei_code"] > 0 ){
				$teisei = "有";
			}
			if( $list[$i]["kubun"] == "0" ){
				$ret="<div style=\"color: #fff;\">未せり</div>";
				$last = number_format( $list[$i]["last_kakaku"]);
			}else if( $list[$i]["kubun"] == "1" ){
				$ret="<div style=\"color: #ccc;\">流れ</div>";
				$last = number_format( $list[$i]["last_kakaku"]);
			}else if( $list[$i]["kubun"] == "2" ){
				$ret="<div style=\"color: #f00;\">落札</div>";
				$last = number_format( $list[$i]["last_kakaku"]);
			}else if( $list[$i]["kubun"] == "3" ){
				$ret="<div style=\"color: #0f0;\">商中</div>";
				$last = number_format( $list[$i]["last_kakaku"]);
			}else if( $list[$i]["kubun"] == "4" ){
				$ret="<div style=\"color: #f00;\">商落</div>";
				$last = number_format( $list[$i]["last_kakaku"]);
			}else if( $list[$i]["kubun"] == "4" ){
				$ret="<div style=\"color: #fff;\">ｷｬﾝｾﾙ</div>";
				$last = number_format( $list[$i]["last_kakaku"]);
			}else{
				$ret="";
				$last = number_format( $list[$i]["last_kakaku"]);
			}
			
			//出品店の場合		落札NULL=0		２，３＝落札価格をセット	それ以外　最終価格
			//下見検索中		落札NULL=0		２，３＝落札価格をセット	それ以外　商談価格
			//それ以外のリスト	落札価格
				
?>
			<tr id="lista" class="" tag="list-back" onclick="showRightData( , ,  );">

<?			if( $list[$i]["lene"] == 1 ){	?>
				<td class="td-a-c">A</td>
<?			}else if( $list[$i]["lene"] == 2 ){	?>
				<td class="td-b-c">B</td>
<?			}else if( $list[$i]["lene"] == 3 ){	?>
				<td class="td-a-c">C</td>
<?			}else if( $list[$i]["lene"] == 4 ){	?>
				<td class="td-b-c">D</td>
<?			}else{	?>
				<td class="td-a-c">A</td>
<?			}		?>
				<td class="td-c"></td>
				<td></td>
				<td class="td-c"></td>
				<td class="td-r">0</td>
			</tr>
			<tr id="listb" class="" tag="list-back" onclick="showRightData( , ,  );">
				<td class="td-r"></td>
				<td></td>
				<td></td>
				<td class="td-c"></td>
				<td class="td-r"></td>
			</tr>
<?	
		$back^=1;
}	?>
		</table>
		<table class="search-list" style="position: fixed; top: 20px;">
			<tr>
				<th width="100">ﾚｰﾝ</th>
				<th width="80">訂正</th>
				<th width="240">車種名</th>
				<th width="100">評価点</th>
				<th width="120">ｽﾀｰﾄ価格</th>
			</tr>
			<tr>
				<th>出品番号</th>
				<th>年式</th>
				<th>グレード</th>
				<th>結果</th>
				<th>最終応札</th>
			</tr>
		</table>
	</div>
<?	}else{	?>

	<div id="carPhoto" style="float: left; width: 640px;">
		<table class="search-box">
			<tr>
				<td>
					<div style="margin-left: 0px;width: 640px; height: 480px; background-color: #444;">
						<img src="" style="width: 640px; height: 480px;" draggable="false" onclick="showImage( 1, '' );">
					</div>
				</td>
			</tr>
			<tr>
				<td valign="top">
					<div style="margin-left: 0px; margin-top: 10px; width: 640px; height: 480px; background-color: #666;">
						<img src="" style="width: 640px; height: 480px;" draggable="false" onclick="showImage( 1, '' );">
					</div>
				</td>
			</tr>
		</table>
	</div>
<?	}	?>
	<div id="syupInfo" style="float: left;">
		<table class="search-box">
			<tr>
				<td rowspan="2" valign="top" align="center" style="padding-left: 20px;">
					<table style="margin-top: 2px;">
						<tr>
							<td rowspan="3">
<?	if( $mode==0 ){	?>
								<div id="syupData1" style="margin-left: 40px; margin-right: 70px; width: 540px; height: 580px; background-color: #AAA;">
									<img src="" style="width: 540px; height: 580px;" draggable="false" onclick="showImage( 0, this.src);">
								</div>
<?	}else{	?>
								<div id="syupData2" style="margin-left: 40px; margin-right: 70px; width: 540px; height: 580px; background-color: transpalent;">
									<table>
										<tr>
											<td colspan="2">
												<img id="base0" src="" style="width: 540px; height: 380px;" draggable="false" onclick="showImage( 0, this.src );">
											</td>										</tr>
										<tr>
											<td align="center" style="padding-top: 10px;">
												<img id="base1" src="" style="width: 240px; height: 180px;" draggable="false" onclick="showImage( 0, this.src );">
											</td>
											<td align="center" style="padding-top: 10px;">
												<img id="base2" src="" style="width: 240px; height: 180px;" draggable="false" onclick="showImage( 0, this.src );">
											</td>
										</tr>
									</table>
								</div>
<?	}		?>
							</td>
							<td><div style="width: 240px; height: 180px; background-color: #444;"><img id="base5" src="" style="width: 240px; height: 180px;" draggable="false" onclick="showImage( 1, this.src );"></div></td>
						</tr>
						<tr>
							<td><div style="width: 240px; height: 180px; background-color: #444;"><img id="base6" src="" style="width: 240px; height: 180px;" draggable="false" onclick="showImage( 1, this.src );"></div></td>
						</tr>
						<tr>
							<td><div style="width: 240px; height: 180px; background-color: #444;"><img id="base7" src="" style="width: 240px; height: 180px;" draggable="false" onclick="showImage( 1, this.src );"></div></td>
						</tr>
			
					</table>

					<table width="100%">
						<tr>
							<td colspan="7"><div class="TEISEI" id="TMSG" style="margin-left: 0px; height: 30px; visibility: hidden;">訂正文</div></td>
						</tr>
						<tr>
							<td colspan="7">
								<table id="spInfo" style="margin: 5px 0px;">
									<tr>
										<th id="a0" >ﾚｰﾝ</th>
										<th>出品番号</th>
										<th>スタート金額</th>
										<th>せり予想時刻/結果</th>
										<th>最終応札価格</th>
									</tr>
									<tr>
										<td id="a1" class="td-c"><img id="a2" src="img/NUM0AS.png" draggable="false"></td>
										<td class="td-r"><img id="n0" src="img/NUM08S.png" draggable="false"><img id="n1" src="img/NUM08S.png" draggable="false"><img id="n2" src="img/NUM08S.png" draggable="false"><img id="n3" src="img/NUM08S.png" draggable="false"><img id="n4" src="img/NUM08S.png" draggable="false"></td>
										<td class="td-r"><img id="s0" src="img/NUM08S.png" draggable="false"><img id="s1" src="img/NUM08S.png" draggable="false"><img id="s5" src="img/NUM21S.png" draggable="false"><img id="s2" src="img/NUM08S.png" draggable="false"><img id="s3" src="img/NUM08S.png" draggable="false"><img id="s4" src="img/NUM08S.png" draggable="false"><img id="s6" src="img/NUM16S.png" draggable="false"></td>
										<td class="td-c">
											<div id="timeview1">
												<img id="t1" src="img/NUM08S.png" draggable="false"><img id="t2" src="img/NUM08S.png" draggable="false"><img id="t0" src="img/NUM14S.png" draggable="false"><img id="t3" src="img/NUM08S.png" draggable="false"><img id="t4" src="img/NUM08S.png" draggable="false">
											</div>
											<div id="timeview2" style="display: none;">
												<img id="t5" src="img/NUM08S.png" draggable="false">
											</div>
										</td>
										<td class="td-r"><img id="r0" src="img/NUM08S.png" draggable="false"><img id="r1" src="img/NUM08S.png" draggable="false"><img id="r5" src="img/NUM21S.png" draggable="false"><img id="r2" src="img/NUM08S.png" draggable="false"><img id="r3" src="img/NUM08S.png" draggable="false"><img id="r4" src="img/NUM08S.png" draggable="false"><img id="r6" src="img/NUM16S.png" draggable="false"></td>
									</tr>
								</table>
							</td>
						</tr>
						<tr>
							<td><div style="width: 128px; height: 96px; background-color: #444;"><img id="opt00" src="" width="128" height="96" draggable="false" onclick="showImage( 1, this.src );"></div></td>
							<td><div style="width: 128px; height: 96px; background-color: #444;"><img id="opt01" src="" width="128" height="96" draggable="false" onclick="showImage( 1, this.src );"></div></td>
							<td><div style="width: 128px; height: 96px; background-color: #444;"><img id="opt02" src="" width="128" height="96" draggable="false" onclick="showImage( 1, this.src );"></div></td>
							<td><div style="width: 128px; height: 96px; background-color: #444;"><img id="opt03" src="" width="128" height="96" draggable="false" onclick="showImage( 1, this.src );"></div></td>
							<td><div style="width: 128px; height: 96px; background-color: #444;"><img id="opt04" src="" width="128" height="96" draggable="false" onclick="showImage( 1, this.src );"></div></td>
							<td><div style="width: 128px; height: 96px; background-color: #444;"><img id="opt05" src="" width="128" height="96" draggable="false" onclick="showImage( 1, this.src );"></div></td>
							<td><div style="width: 128px; height: 96px; background-color: #444;"><img id="opt06" src="" width="128" height="96" draggable="false" onclick="showImage( 1, this.src );"></div></td>
						</tr>
						<tr>
							<td><div style="width: 128px; height: 96px; background-color: #444;"><img id="opt07" src="" width="128" height="96" draggable="false" onclick="showImage( 1, this.src );"></div></td>
							<td><div style="width: 128px; height: 96px; background-color: #444;"><img id="opt08" src="" width="128" height="96" draggable="false" onclick="showImage( 1, this.src );"></div></td>
							<td><div style="width: 128px; height: 96px; background-color: #444;"><img id="opt09" src="" width="128" height="96" draggable="false" onclick="showImage( 1, this.src );"></div></td>
							<td><div style="width: 128px; height: 96px; background-color: #444;"><img id="opt10" src="" width="128" height="96" draggable="false" onclick="showImage( 1, this.src );"></div></td>
							<td><div style="width: 128px; height: 96px; background-color: #444;"><img id="opt11" src="" width="128" height="96" draggable="false" onclick="showImage( 1, this.src );"></div></td>
							<td><div style="width: 128px; height: 96px; background-color: #444;"><img id="opt12" src="" width="128" height="96" draggable="false" onclick="showImage( 1, this.src );"></div></td>
							<td><div style="width: 128px; height: 96px; background-color: #444;"><img id="opt13" src="" width="128" height="96" draggable="false" onclick="showImage( 1, this.src );"></div></td>
						</tr>
						<tr>
							<td><div style="width: 128px; height: 96px; background-color: #444;"><img id="opt14" src="" width="128" height="96" draggable="false" onclick="showImage( 1, this.src );"></div></td>
							<td><div style="width: 128px; height: 96px; background-color: #444;"><img id="opt15" src="" width="128" height="96" draggable="false" onclick="showImage( 1, this.src );"></div></td>
							<td><div style="width: 128px; height: 96px; background-color: #444;"><img id="opt16" src="" width="128" height="96" draggable="false" onclick="showImage( 1, this.src );"></div></td>
							<td><div style="width: 128px; height: 96px; background-color: #444;"><img id="opt17" src="" width="128" height="96" draggable="false" onclick="showImage( 1, this.src );"></div></td>
							<td><div style="width: 128px; height: 96px; background-color: #444;"><img id="opt18" src="" width="128" height="96" draggable="false" onclick="showImage( 1, this.src );"></div></td>
							<td><div style="width: 128px; height: 96px; background-color: #444;"><img id="opt19" src="" width="128" height="96" draggable="false" onclick="showImage( 1, this.src );"></div></td>
							<td><div style="width: 128px; height: 96px; background-color: #444;"><img id="opt20" src="" width="128" height="96" draggable="false" onclick="showImage( 1, this.src );"></div></td>
						</tr>
					</table>
				</td>
			</tr>
		</table>
	</div>
	<div>
<?	if( $mode==0 ){
		$rptmode=0;
		if( isset( $_REQUEST["l"] ) ){
			$rptmode=$_REQUEST["l"];
		}
		?>
<?		if( $rptmode==1 ){	?>
		<table style="position: fixed; top: 990px; left: 0px; padding: 0px; width: 640px; border: solid 0px #f00;">
			<tr>
				<td width="320px" align="left"><input type="button" id="BACK02" onclick="location.href='report.php?posno=&l='" class="BACK-BUTTON2"></td>
			</tr>
		</table>
<?		}else if( $rptmode==2 ){	?>
		<table style="position: fixed; top: 990px; left: 0px; padding: 0px; width: 640px; border: solid 0px #f00;">
			<tr>
				<td width="320px" align="left"><input type="button" id="BACK03" onclick="location.href='report.php?posno=&l='" class="BACK-BUTTON2"></td>
			</tr>
		</table>
<?		}else if( $rptmode==3 ){	?>
		<table style="position: fixed; top: 990px; left: 0px; padding: 0px; width: 640px; border: solid 0px #f00;">
			<tr>
				<td width="320px" align="left"><input type="button" id="BACK04" onclick="location.href='report.php?posno=&l='" class="BACK-BUTTON2"></td>
			</tr>
		</table>
<?		}
	}else{	?>
		<table style="padding-top: 0px; padding-right: 10px; width: 640px;">
			<tr>
				<td width="300px"><input type="button" id="BACK01" onclick="location.href='search.php?posno=&sp_link_cd=&kaisai_no=&maker_code=';" class="BACK-BUTTON"></td>
				<td width="300px" valign="top"><div class="search-result-count">検索結果:&nbsp;件</div></td>
			</tr>
		</table>
<?	}	?>
	</div>
	<div id="photoBox1" onclick="closeImage();" style="display: none;">
		<img id="photoImage1" src="" width="1100" height="950" onclick="closeImage();" />
	</div>
	<div id="photoBox2" onclick="closeImage();" style="display: none;">
		<img id="photoImage2" src="" width="1280" height="960" onclick="closeImage();" />
	</div>
</div>
</body>
</html>