<?
	//5019 / 5020 /2021-
	require_once( "/home/mli/inc/define2.inc" );

	$use_fuzai = 1;
	$use_shodan = 1;
	$imgcount = 0;

	$kubun="";

	if( isset($_REQUEST["posno"]) ){
		$posno=$_REQUEST["posno"];
	}else{
		$posno="00000";
	}
	

	if( $_SERVER["REMOTE_ADDR"] == "172.29.1.111" ){
		$webhost = "113.35.199.238";
	}else{
		$webhost = "10.23.1.121";
	}

	if(!isset($kaisai_no))$kaisai_no=$_REQUEST["kaisai_no"];
	//$rc_code="1";

	$spImg = "";
	$flImg = "";
	$kekka = 0;
	for( $n=0;$n<40;$n++ ){
		$baseImage[$n]="img/noimage.png";
		$optImg[$n]="img/noimage.png";
	}
	
	
	$start_kakaku=0;
	$last_kakaku=0;
	$seritime="0000";
	$lane="A";
	$kekka=0;
	$teisei="";
	$teiseicnt="0";
	if( isset( $_REQUEST["spno"] ) ){
		
		$sql = sprintf( "SELECT a.*, a.teisei_code as spnkesi, b.rakusatsu_no, b.kubun, b.last_kakaku, b.syodan_kakaku, b.rakusatsu_kakaku, c.teisei_cnt, 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"]*1;
				$seritime = $l["seritime"];
				$teisei = $l["teisei_info"];
				$teisei = str_replace( "'", "", $teisei );
				$teiseicnt = $l["teisei_cnt"];
				$spnkesi = $l["spnkesi"];
				$kubun = $l["kubun"];
				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"] );
//		system( "echo $preDat > /tmp/aaa.log" );
		if( file_exists( $preDat ) ){
			$index=0;
			$dlist=file_get_contents( $preDat );
			for( $n=0;$n<34;$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++;
					}
				}
			}
			$imgcount = $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;
var spno = '';
var price = 0;
var plus_price = 0;
var tel = "";
var kaisai_no=;
var imgcnt=
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",
				"img/DOWN-SHODAN.png", "img/DOWN-FUZAI.png"]);
	showNumber0( '' );
	showStartPrice(  );
	showLastPrice(  );
	showStartTime( "",  );
	showLane( '' );
	showMode( '' );
	showTeisei( '' );
	showKubun( '' );
	if( imgcnt>=20 ){
		showExpand( true );
	}else{
		showExpand( false );
	}
<?
	/*
	$teiseicnt  
	$spnkesi  
	*/
?>
	
<?	if( $mode==0 ){	?>
<?	}else{	?>
	showRightData( , 0, 0 );
<?	}		?>
}

function showRightData( spno, num, cnt ){
	showNumber0( 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 ){
				if( myData.imgcnt>=20 ){
					//expand
					showExpand( true );

				}else{
					showExpand( false );
					for (var i=0; i<myData.optImg.length; i++){
						var z = zeroPadding( i, 2 );
						var imgObj;
						imgObj = document.getElementById('opt'+z);
						if( imgObj ) imgObj.src = myData.optImg[i];
						imgObj = document.getElementById('opt'+z+'e');
						if( imgObj ) imgObj.src = myData.optImg[i];
					}
				}
			}
			
			showStartPrice( myData.start_kakaku );
			showLastPrice( myData.last_kakaku );
			showStartTime( myData.seritime, myData.kekka );
			showLane( myData.lane );
			showTeisei( myData.teisei );
			if(myData.spnkesi==1){
				//出品取消
				showKubun( 9 );
			}else{
				showKubun( myData.kubun );
			}
			//myData.teiseicnt (訂正カウント）
			//myData.spnkesi (1以外応札可能）
			close_fuzai();
			close_shodan();

		}
//		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 ){
	console.log( "mode:"+mode );
	
}

function showExpand( flags ){
	var optForm1 = document.getElementById( 'mode19');
	var optForm2 = document.getElementById( 'mode20');
	if( flags ){
		optForm2.style.display='';
		optForm1.style.display='none';
	}else{
		optForm2.style.display='none';
		optForm1.style.display='';
	}
}

function showKubun( kubun ){
	var button1 = document.getElementById( 'SYUPACT1-IMG');
	var button2 = document.getElementById( 'SYUPACT2-IMG');
	
	
	if(posno<=0){
		//POS番号なし
		button1.style.display = 'none';
		button2.style.display = 'none';
	}else if( kubun == 0 ){
		//不在
		button1.style.display = '';
		button2.style.display = 'none';
	}else if( kubun == 1 ){
		//商談(nagare)
		button1.style.display = 'none';
		button2.style.display = '';
	}else if( kubun == 2 ){
		//（落札）
		button1.style.display = 'none';
		button2.style.display = 'none';
	}else if( kubun == 3 ){
		//商談（商談中）
		button1.style.display = 'none';
		button2.style.display = '';
	}else if( kubun == 4 ){
		//（商談落札）
		button1.style.display = 'none';
		button2.style.display = 'none';
	}else if( kubun == 5 ){
		//（ｷｬﾝｾﾙ）
		button1.style.display = 'none';
		button2.style.display = 'none';
	}else{
		//（不明）
		button1.style.display = 'none';
		button2.style.display = 'none';
	}


}

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 showNumber0( 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='';
		}
	}
}


var inputMode = 0;
var curNum = 0;
var input_str = "";
var commit_price=0;
var commit_plus_price=0;
var commit_tel="";

window.addEventListener('message', function(event){

	
    var msg = '受信メッセージ: <br>' + event.data;
    
    
    if( inputMode == 1 ){
		if( event.data == 16 ){
			
			commit_price=curNum;
			fuzai(2);
			
		}else{
		    showNumber( event.data );
		}
	}else if( inputMode == 2 ){
		if( event.data == 0 ){
			commit_plus_price=0;
		}else if( event.data == 10000 ){
			commit_plus_price=1;
		}else if( event.data == 30000 ){
			commit_plus_price=3;
		}else if( event.data == 50000 ){
			commit_plus_price=5;
		}else if( event.data == 100000 ){
			commit_plus_price=10;
		}
		fuzai(9);
		var dlg = document.getElementById( 'dlgFuzai' );
		if( dlg ){
			dlg.style.display = 'none';
		}
    }else if( inputMode == 3 ){
		if( event.data == 16 ){
			commit_price=curNum;
			shodan(2);
		}else{
		    showNumber2( event.data );
		}
    }else if( inputMode == 4 ){
		if( event.data == 16 ){
			commit_tel=curNum;
			shodan(9);
			close_shodan();
		}else if( event.data == 10 ){
			input_str="";
			curNum=-1;
			clearNumber3();
		}else{
			showNumber32( event.data );
		}
	}
//    console.log( msg );
});

function zeroPadding(number, length){
    return (Array(length).join('0') + number).slice(-length);
}

function showNumber( num ){

	var errAction=0;
	console.log( curNum + "," + num );
	if( curNum==0 ){
		if( num<=9 ){
			curNum=num;
			input_str+=num+"";
		}else if( num==14 ){
			curNum+=1;
		}else if( num==15 ){
			errAction=1;
			curNum=0;
		}else if( num==10 ){
			if(curNum==0){
				//showMain();
			}
			errAction=1;
			curNum=0;
			input_str="";
		}
		curNumX=0;
	}else{
		var preNum;
		if( num<=9 ){
			input_str+=num+"";
			if( curNumX==1 ){
				curNumX=0;
				preNum=num;
				curNum=preNum;
			}else{
				preNum=(curNum*10)+num;
				if( preNum<=999999 ){
					curNum=preNum;
				}else{
					errAction=1;
				}
			}
		}else if( num==14 ){
			preNum=curNum+1;
			curNumX=0;
			if( preNum<999999 ){
				curNum=preNum;
			}else{
				errAction=1;
			}
		}else if( num==15 ){
			preNum=curNum-1;
			curNumX=0;
			if( preNum>0 ){
				curNum=preNum;
			}else{
				errAction=1;
			}
		}else if( num==10 ){
			errAction=1;
			curNum=0;
		}
	}
	
	var zero=0;
	var dispNum = zeroPadding( curNum, 6 );
//	console.log( "dispNum", dispNum );
	for( i=0;i<6;i++ ){
		var dig = dispNum.charAt(i);
		if( dig > 0 || i==5 ) zero = 1;
		var srcImage;
		if( dig == 0 ){
			if( zero ){
				srcImage = "img/NUM"+dig+"W.png";
			}else{
				srcImage = "img/NUM-W.png";
			}
		}else{
			srcImage = "img/NUM"+dig+"W.png";
		}
		var numObj = document.getElementById("u1"+i.toString());
		if( numObj ) numObj.src=srcImage;
	}
	return errAction;
}

function showNumber2( num ){

	var errAction=0;
	console.log( curNum + "," + num );
	if( curNum==0 ){
		if( num<=9 ){
			curNum=num;
			input_str+=num+"";
		}else if( num==14 ){
			curNum+=1;
		}else if( num==15 ){
			errAction=1;
			curNum=0;
		}else if( num==10 ){
			if(curNum==0){
				//showMain();
			}
			errAction=1;
			curNum=0;
			input_str="";
		}
		curNumX=0;
	}else{
		var preNum;
		if( num<=9 ){
			input_str+=num+"";
			if( curNumX==1 ){
				curNumX=0;
				preNum=num;
				curNum=preNum;
			}else{
				preNum=(curNum*10)+num;
				if( preNum<=999999 ){
					curNum=preNum;
				}else{
					errAction=1;
				}
			}
		}else if( num==14 ){
			preNum=curNum+1;
			curNumX=0;
			if( preNum<999999 ){
				curNum=preNum;
			}else{
				errAction=1;
			}
		}else if( num==15 ){
			preNum=curNum-1;
			curNumX=0;
			if( preNum>0 ){
				curNum=preNum;
			}else{
				errAction=1;
			}
		}else if( num==10 ){
			errAction=1;
			curNum=0;
		}
	}
	
	var zero=0;
	var dispNum = zeroPadding( curNum, 6 );
//	console.log( "dispNum", dispNum );
	for( i=0;i<6;i++ ){
		var dig = dispNum.charAt(i);
		if( dig > 0 || i==5 ) zero = 1;
		var srcImage;
		if( dig == 0 ){
			if( zero ){
				srcImage = "img/NUM"+dig+"W.png";
			}else{
				srcImage = "img/NUM-W.png";
			}
		}else{
			srcImage = "img/NUM"+dig+"W.png";
		}
		var numObj = document.getElementById("u2"+i.toString());
		if( numObj ) numObj.src=srcImage;
	}
	return errAction;
}
function showNumber32(num)
{
	var errAction=0;

	if( num==10 ){
		input_str="";
	}else if(num<=9){
		input_str+=num+"";
	}
	if( input_str.charAt(0)!="0" ){
		input_str="0"+input_str;
	}
	curNum=input_str;
	dispNum = curNum+"                      ";
//	var dispNum = zeroPadding( curNum, 6 );
//	console.log( "dispNum", dispNum );
	for( i=0;i<11;i++ ){
		var dig = dispNum.charAt(i);
		var srcImage;
		if( dig == " " ){
			srcImage = "img/NUM-W.png";
		}else{
			if( dig == 0 ){
				srcImage = "img/NUM"+dig+"W.png";
			}else{
				srcImage = "img/NUM"+dig+"W.png";
			}
		}
		var keyName = "c2"+i.toString();
		if( i==10 ){
			keyName = "c30";
		}
		var numObj = document.getElementById(keyName);
		if( numObj ) numObj.src=srcImage;
	}
	return errAction;
}

function showNumber3( num ){

	var errAction=0;
	console.log( curNum + "," + num );
	if( curNum==-1 ){
		if( num<=9 ){
			curNum=num;
			input_str+=num+"";
		}else if( num==14 ){
		}else if( num==15 ){
		}else if( num==10 ){
			if(curNum==0){
				//showMain();
			}
			errAction=1;
			curNum=0;
			input_str="";
		}
		curNumX=0;
	}else{
		var preNum;
		if( num<=9 ){
			input_str+=num+"";
			if( curNumX==1 ){
				curNumX=0;
				preNum=num;
				curNum=preNum;
			}else{
				preNum=curNum+""+num;
				curNum=preNum;
			}
		}else if( num==14 ){
		}else if( num==15 ){
			preNum=curNum-1;
			curNumX=0;
			if( preNum>0 ){
				curNum=preNum;
			}else{
				errAction=1;
			}
		}else if( num==10 ){
			errAction=1;
			curNum=0;
		}
	}
	
	var zero=0;
	if( curNum.charAt(0)!="0" ){
		curNum="0"+curNum;
	}
	dispNum = curNum+"                      ";
//	var dispNum = zeroPadding( curNum, 6 );
//	console.log( "dispNum", dispNum );
	for( i=0;i<11;i++ ){
		var dig = dispNum.charAt(i);
		var srcImage;
		if( dig == " " ){
			srcImage = "img/NUM-W.png";
		}else{
			if( dig == 0 ){
				srcImage = "img/NUM"+dig+"W.png";
			}else{
				srcImage = "img/NUM"+dig+"W.png";
			}
		}
		var keyName = "c2"+i.toString();
		if( i==10 ){
			keyName = "c30";
		}
		var numObj = document.getElementById(keyName);
		if( numObj ) numObj.src=srcImage;
	}
	return errAction;
}
function clearNumber3()
{
	for( i=0;i<11;i++ ){
		var srcImage;
		srcImage = "img/NUM-W.png";
		var keyName = "c2"+i.toString();
		if( i==10 ){
			keyName = "c30";
		}
		var numObj = document.getElementById(keyName);
		if( numObj ) numObj.src=srcImage;
	}
}


function check_fuzai(){

	var kai=kaisai_no;
	getJSONData( 'http:///fuzai_check.php?kai='+ kai +'&syupno='+ spno + '&posno=' + posno + '&teicnt='&price=0&plus=0', start_fuzai );
}

function start_fuzai( rcvData ){
	if( rcvData == 1 ){
		fuzai(1);
	}else{
		//入札禁止
	}
}

function fuzai( step ){
	var result = {
	    id: 1,
	    step: step,
	    value: 0
	};
	var json = JSON.stringify(result);
	
	//↓重要
	console.log(json);
	
	
	var obj = document.getElementById( 'step2-show' );
	var sst = document.getElementById( 'dlg1_status' );
	
	if( step == 1 ){
		inputMode = 1;
		input_str="";
		curNum = 0;
		showNumber(0);
		sst.innerHTML = '入札をする金額を千円の単位で入力してください。';
		var dlg = document.getElementById( 'dlgFuzai' );
		if( dlg ){
			dlg.style.display = '';
		}
		obj.style.display = 'none';
	}else if( step == 2 ){
		inputMode = 2;
		sst.innerHTML = 'プラスする金額選んでください。';
		curNum = 0;
		var dlg = document.getElementById( 'dlgFuzai' );
		if( dlg ){
			dlg.style.display = '';
		}
		obj.style.display = 'none';
	}
	
	
	if( step==9 ){

//var posno = '';
//var curPos = 0;
//var spno = '';
//var price = 0;
//var plus_price = 0;
//var price = 0;
//var tel = "";
var kai=kaisai_no;


		var url_fuzai = 'http:///fuzai_set.php?kai='+ kai +'&syupno='+ spno + '&posno=' + posno + '&teicnt=&price=' + commit_price + '&plus=' + commit_plus_price;
		getJSONData( url_fuzai, success_fuzai );
	}
}



function success_fuzai( rcvData ){
	if( rcvData == "00" ){
		close_fuzai();
	}else{
		// error
	}
}

function close_fuzai(){
	
	var dlg = document.getElementById( 'dlgFuzai' );
	if( dlg ){
		dlg.style.display = 'none';
	}
}

function shodan( step ){
	var result = {
	    id: 2,
	    step: step,
	    value: 0
	};
	var json = JSON.stringify(result);
	console.log(json);
	
	var obj = document.getElementById( 'step3-show' );
	var sst = document.getElementById( 'dlg2_status' );
	
	if( step == 1 ){
		inputMode = 3;
		input_str="";
		curNum = 0;
	    	showNumber2(0);
		sst.innerHTML = '商談をする金額を千円の単位で入力してください。';
		var dlg = document.getElementById( 'dlgShodan' );
		if( dlg ){
			dlg.style.display = '';
		}
		obj.style.display = 'none';
	}else if( step == 2 ){
		inputMode = 4;
		sst.innerHTML = '連絡先を入力してください。';
		input_str="";
		curNum = -1;
		clearNumber3();
		var dlg = document.getElementById( 'dlgShodan' );
		if( dlg ){
			dlg.style.display = '';
		}
		obj.style.display = '';
	}
	if( step==9 ){
		var kai=kaisai_no;
		//var url_shodan = 'http://10.23.1.121/shodan_set.php?kai='+kai+'&syupno='+ spno + '&posno=' + posno + '&price=' + commit_price + '&tel=' + commit_tel;
		var url_shodan = 'http:///shodan_set.php?kai='+kai+'&syupno='+ spno + '&posno=' + posno + '&teicnt=&price=' + commit_price + '&tel=' + commit_tel;
		getJSONData( url_shodan, close_shodan );
		console.log(url_shodan);
	}
}

function close_shodan(){
		var dlg = document.getElementById( 'dlgShodan' );
		if( dlg ){
			dlg.style.display = 'none';
		}
}

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);



function Ajax(){
    if (window.XMLHttpRequest) {             // Mozilla, Firefox, Safari, IE7
        return new XMLHttpRequest();
    } else if (window.ActiveXObject) {       // IE5, IE6
        try {
            return new ActiveXObject("Msxml2.XMLHTTP");    // MSXML3
        } catch(e) {
            return new ActiveXObject("Microsoft.XMLHTTP"); // MSXML2まで
        }
    } else {
        return null;
    }
}


function getJSONData( url, callback ){
	var web = Ajax();
	if (web != null) {
		web.onreadystatechange = handleHttpEvent;
		/* レスポンスデータ処理用のコールバック関数を定義 */
		function handleHttpEvent(){
			if (web.readyState == 4) {
				if (web.status == 200) {
	//				console.log( "200", web.responseText );
					
					rdata = JSON.parse( web.responseText );
					callback(rdata);
				}
			}
		};
		web.open("POST", url, true);
		web.send(null);
	}
}


</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; }

input.MENU-BUTTON {
	margin-top: 8px;
	margin-left: 2px;
	width: 252px;
	height: 80px;
	border: none 0px;
	background-color: transparent;
}
input:focus {
	outline: 0px #ff0000 none;
}
input#SYUPACT1-IMG { background-image: url('./img/OVER-FUZAI.png'); }
input#SYUPACT1-IMG:active { background-image: url('./img/DOWN-FUZAI.png'); }
input#SYUPACT2-IMG { background-image: url('./img/OVER-SHODAN.png'); }
input#SYUPACT2-IMG:active { background-image: url('./img/DOWN-SHODAN.png'); }


div#dlgFuzai {
	position: absolute;
	left: 670px;
	top: 750px;
	width: 935px;
	height: 310px;
	background-color: #333;
	border: solid 2px #cecece;
}

div#dlgShodan {
	position: absolute;
	left: 670px;
	top: 750px;
	width: 935px;
	height: 310px;
	background-color: #333;
	border: solid 2px #cecece;
}

table.dlg1 {
	margin: 20px 5px;
	width: 90%;
	font:normal normal bold 40px 'Meiryo UI', 'MS UI Gothic',sans-serif;
}

div#dlg1_subj {
	padding-bottom: 10px;
}

div#dlg1_status {
	width: 100%;
	font:normal normal normal 30px 'Meiryo UI', 'MS UI Gothic',sans-serif;
	padding-top: 50px;
	color: #00cc00;
}

div#dlg2_status {
	width: 100%;
	font:normal normal normal 30px 'Meiryo UI', 'MS UI Gothic',sans-serif;
	padding-top: 50px;
	color: #00cc00;
}

</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/NUMSSS.png" draggable="false"><img id="n1" src="img/NUMSSS.png" draggable="false"><img id="n2" src="img/NUMSSS.png" draggable="false"><img id="n3" src="img/NUMSSS.png" draggable="false"><img id="n4" src="img/NUMSSS.png" draggable="false"></td>
										<td class="td-r"><img id="s0" src="img/NUMSSS.png" draggable="false"><img id="s1" src="img/NUMSSS.png" draggable="false"><img id="s5" src="img/NUM21S.png" draggable="false"><img id="s2" src="img/NUMSSS.png" draggable="false"><img id="s3" src="img/NUMSSS.png" draggable="false"><img id="s4" src="img/NUMSSS.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/NUMSSS.png" draggable="false"><img id="t2" src="img/NUMSSS.png" draggable="false"><img id="t0" src="img/NUM14S.png" draggable="false"><img id="t3" src="img/NUMSSS.png" draggable="false"><img id="t4" src="img/NUMSSS.png" draggable="false">
											</div>
											<div id="timeview2" style="display: none;">
												<img id="t5" src="img/NUMSSS.png" draggable="false">
											</div>
										</td>
										<td class="td-r"><img id="r0" src="img/NUMSSS.png" draggable="false"><img id="r1" src="img/NUMSSS.png" draggable="false"><img id="r5" src="img/NUM21S.png" draggable="false"><img id="r2" src="img/NUMSSS.png" draggable="false"><img id="r3" src="img/NUMSSS.png" draggable="false"><img id="r4" src="img/NUMSSS.png" draggable="false"><img id="r6" src="img/NUM16S.png" draggable="false"></td>
									</tr>
								</table>
							</td>
						</tr>
					</tr>
					<table id="mode19" width="100%" style="display: none;">
						<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 colspan="2">&nbsp;</td>
						</tr>
					</table>
					<table id="mode20" width="100%">
						<tr>
							<td><div style="width: 90px; height: 67px; background-color: #444;"><img id="opt00e" src="" width="90" height="67" draggable="false" onclick="showImage( 1, this.src );"></div></td>
							<td><div style="width: 90px; height: 67px; background-color: #444;"><img id="opt01e" src="" width="90" height="67" draggable="false" onclick="showImage( 1, this.src );"></div></td>
							<td><div style="width: 90px; height: 67px; background-color: #444;"><img id="opt02e" src="" width="90" height="67" draggable="false" onclick="showImage( 1, this.src );"></div></td>
							<td><div style="width: 90px; height: 67px; background-color: #444;"><img id="opt03e" src="" width="90" height="67" draggable="false" onclick="showImage( 1, this.src );"></div></td>
							<td><div style="width: 90px; height: 67px; background-color: #444;"><img id="opt04e" src="" width="90" height="67" draggable="false" onclick="showImage( 1, this.src );"></div></td>
							<td><div style="width: 90px; height: 67px; background-color: #444;"><img id="opt05e" src="" width="90" height="67" draggable="false" onclick="showImage( 1, this.src );"></div></td>
							<td><div style="width: 90px; height: 67px; background-color: #444;"><img id="opt06e" src="" width="90" height="67" draggable="false" onclick="showImage( 1, this.src );"></div></td>
							<td><div style="width: 90px; height: 67px; background-color: #444;"><img id="opt07e" src="" width="90" height="67" draggable="false" onclick="showImage( 1, this.src );"></div></td>
							<td><div style="width: 90px; height: 67px; background-color: #444;"><img id="opt08e" src="" width="90" height="67" draggable="false" onclick="showImage( 1, this.src );"></div></td>
							<td><div style="width: 90px; height: 67px; background-color: #444;"><img id="opt09e" src="" width="90" height="67" draggable="false" onclick="showImage( 1, this.src );"></div></td>
						</tr>
						<tr>
							<td><div style="width: 90px; height: 67px; background-color: #444;"><img id="opt10e" src="" width="90" height="67" draggable="false" onclick="showImage( 1, this.src );"></div></td>
							<td><div style="width: 90px; height: 67px; background-color: #444;"><img id="opt11e" src="" width="90" height="67" draggable="false" onclick="showImage( 1, this.src );"></div></td>
							<td><div style="width: 90px; height: 67px; background-color: #444;"><img id="opt12e" src="" width="90" height="67" draggable="false" onclick="showImage( 1, this.src );"></div></td>
							<td><div style="width: 90px; height: 67px; background-color: #444;"><img id="opt13e" src="" width="90" height="67" draggable="false" onclick="showImage( 1, this.src );"></div></td>
							<td><div style="width: 90px; height: 67px; background-color: #444;"><img id="opt14e" src="" width="90" height="67" draggable="false" onclick="showImage( 1, this.src );"></div></td>
							<td><div style="width: 90px; height: 67px; background-color: #444;"><img id="opt15e" src="" width="90" height="67" draggable="false" onclick="showImage( 1, this.src );"></div></td>
							<td><div style="width: 90px; height: 67px; background-color: #444;"><img id="opt16e" src="" width="90" height="67" draggable="false" onclick="showImage( 1, this.src );"></div></td>
							<td><div style="width: 90px; height: 67px; background-color: #444;"><img id="opt17e" src="" width="90" height="67" draggable="false" onclick="showImage( 1, this.src );"></div></td>
							<td><div style="width: 90px; height: 67px; background-color: #444;"><img id="opt18e" src="" width="90" height="67" draggable="false" onclick="showImage( 1, this.src );"></div></td>
							<td><div style="width: 90px; height: 67px; background-color: #444;"><img id="opt19e" src="" width="90" height="67" draggable="false" onclick="showImage( 1, this.src );"></div></td>
						</tr>
						<tr>
							<td><div style="width: 90px; height: 67px; background-color: #444;"><img id="opt20e" src="" width="90" height="67" draggable="false" onclick="showImage( 1, this.src );"></div></td>
							<td><div style="width: 90px; height: 67px; background-color: #444;"><img id="opt21e" src="" width="90" height="67" draggable="false" onclick="showImage( 1, this.src );"></div></td>
							<td><div style="width: 90px; height: 67px; background-color: #444;"><img id="opt22e" src="" width="90" height="67" draggable="false" onclick="showImage( 1, this.src );"></div></td>
							<td><div style="width: 90px; height: 67px; background-color: #444;"><img id="opt23e" src="" width="90" height="67" draggable="false" onclick="showImage( 1, this.src );"></div></td>
							<td><div style="width: 90px; height: 67px; background-color: #444;"><img id="opt24e" src="" width="90" height="67" draggable="false" onclick="showImage( 1, this.src );"></div></td>
							<td><div style="width: 90px; height: 67px; background-color: #444;"><img id="opt25e" src="" width="90" height="67" draggable="false" onclick="showImage( 1, this.src );"></div></td>
							<td><div style="width: 90px; height: 67px; background-color: #444;"><img id="opt26e" src="" width="90" height="67" draggable="false" onclick="showImage( 1, this.src );"></div></td>
							<td colspan="3">&nbsp;</td>
						</tr>
						<tr>
							<td><div style="width: 90px; height: 67px; background-color: #444;"><img id="opt27e" src="" width="90" height="67" draggable="false" onclick="showImage( 1, this.src );"></div></td>
							<td><div style="width: 90px; height: 67px; background-color: #444;"><img id="opt28e" src="" width="90" height="67" draggable="false" onclick="showImage( 1, this.src );"></div></td>
							<td><div style="width: 90px; height: 67px; background-color: #444;"><img id="opt29e" src="" width="90" height="67" draggable="false" onclick="showImage( 1, this.src );"></div></td>
							<td><div style="width: 90px; height: 67px; background-color: #444;"><img id="opt30e" src="" width="90" height="67" draggable="false" onclick="showImage( 1, this.src );"></div></td>
							<td><div style="width: 90px; height: 67px; background-color: #444;"><img id="opt31e" src="" width="90" height="67" draggable="false" onclick="showImage( 1, this.src );"></div></td>
							<td><div style="width: 90px; height: 67px; background-color: #444;"><img id="opt32e" src="" width="90" height="67" draggable="false" onclick="showImage( 1, this.src );"></div></td>
							<td><div style="width: 90px; height: 67px; background-color: #444;"><img id="opt33e" src="" width="90" height="67" draggable="false" onclick="showImage( 1, this.src );"></div></td>
							<td colspan="3">&nbsp;</td>
						</tr>
					</table>
<?	if ( $use_fuzai == 1 || $use_shodan == 1 ){	?>
					<div style="position: absolute; left: 1337px; top: 953px;width: 256px; height: 96px; background-color: #222;">
						<input id="SYUPACT1-IMG" class="MENU-BUTTON" type="button" style="display: none;" onclick="check_fuzai();">
						<input id="SYUPACT2-IMG" class="MENU-BUTTON" type="button" style="display: none;" onclick="shodan(1);">
					</div>
<?	}	?>
				</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 id="dlgFuzai" style="display: none;">
		<table class="dlg1">
			<tr>
				<th colspan="3" style="text-align: center;">
					<div id="dlg1_subj">不在受付</div>
				</th>
			</tr>
			<tr>
				<th style="text-align: center; width 200px;">
					<div id="dlg1_sec1">入札金額</div>
				</th>
				<td style="text-align: right;background-color: #000;">
<img id="u10" src="./img/NUM-W.png"><img id="u11" src="./img/NUM-W.png"><img id="u12" src="./img/NUM-W.png"><img 
					id="s11" src="./img/NUM10S.png"
><img id="u13" src="./img/NUM-W.png"><img id="u14" src="./img/NUM-W.png"><img id="u15" src="./img/NUM-W.png"></td>
				<td style="text-align: left;"><img
					 class="xx" src="./img/NUM10S.png"><img class="xx" src="./img/NUM0W.png"><img class="xx" src="./img/NUM0W.png"><img class="xx" src="./img/NUM0W.png">
				</td>
			</tr>
			<tr id="step2-show" style="display: none;">
				<th style="text-align: center; width 200px;">
					<div id="dlg1_sec1">プラス</div>
				</th>
				<td style="text-align: right;background-color: #000;">
<img id="u10" src="./img/NUM-W.png"><img id="u11" src="./img/NUM-W.png"><img id="u12" src="./img/NUMMW.png"></td>
				<td style="text-align: left;">
				</td>
			</tr>
			<tr>
				<td colspan="3" style="text-align: center;">
					<div id="dlg1_status">
						入札をする金額を千円の単位で入力してください。
					</div>
				</td>
		</table>
	</div>
	<div id="dlgShodan" style="display: none;">
		<table class="dlg1">
			<tr>
				<th colspan="3" style="text-align: center;">
					<div id="dlg1_subj">商談受付</div>
				</th>
			</tr>
			<tr>
				<th style="text-align: center; width 200px;">
					<div id="dlg2_sec1">商談金額</div>
				</th>
				<td style="text-align: right;background-color: #000;">
<img id="u20" src="./img/NUM-W.png"><img id="u21" src="./img/NUM-W.png"><img id="u22" src="./img/NUM-W.png"><img 
					id="s11" src="./img/NUM10S.png"
><img id="u23" src="./img/NUM-W.png"><img id="u24" src="./img/NUM-W.png"><img id="u25" src="./img/NUM-W.png"></td>
				<td style="text-align: left;"><img
					 	class="xx" src="./img/NUM10S.png"><img class="xx" src="./img/NUM0W.png"><img class="xx" src="./img/NUM0W.png"><img class="xx" src="./img/NUM0W.png">
				</td>
			</tr>
			<tr id="step3-show" style="display: ;">
				<th style="text-align: center; width 200px;">
					<div id="dlg2_sec2">連絡先</div>
				</th>
				<td colspan="2" style="text-align: left;background-color: #000;"><img id="c20" src="./img/NUM-W.png"><img id="c21" src="./img/NUM-W.png"><img id="c22" src="./img/NUM-W.png"><img id="c23" src="./img/NUM-W.png"><img id="c24" src="./img/NUM-W.png"><img id="c25" src="./img/NUM-W.png"><img id="c26" src="./img/NUM-W.png"><img id="c27" src="./img/NUM-W.png"><img id="c28" src="./img/NUM-W.png"><img id="c29" src="./img/NUM-W.png"><img id="c30" src="./img/NUM-W.png"></td>
			</tr>
			<tr>
				<td colspan="3" style="text-align: center;">
					<div id="dlg2_status">
						入札をする金額を千円の単位で入力してください。
					</div>
				</td>
		</table>
	</div>
	
</div>
</body>
</html>