var darray = [];

function close_detail(){
	document.getElementById("detail").innerHTML = '';
}
function detail(value){
	darray = [];
	document.getElementById("detailview").innerHTML = "";
	if(value==1){
		document.getElementById("detail").innerHTML = ''+
		'<form action="" method="">'+
			'<table border="0" cellpadding="0" cellspacing="4" width="500" class="check">'+
				'<tr><td colspan="4">パーツメーカー：<SELECT name="maker" id="maker" class="mfont" onchange="javascript:schange(document.getElementById(\'maker\').value);"><OPTION value="">こだわらない</option><OPTION value="DUNLOP(ダンロップ)">DUNLOP(ダンロップ)</option></select></td></tr>'+
				'<tr><td></td><td><input type="checkbox" value="" onclick="javascript:cchange(1,\'フルエギゾースト（2輪）\',this);">フルエギゾースト（2輪）</td><td><input type="checkbox" value="" onclick="javascript:cchange(2,\'スリップオンサイレンサー（2輪）\',this);">スリップオンサイレンサー（2輪）</td></tr>'+
				'<tr><td></td><td><input type="checkbox" value="" onclick="javascript:cchange(3,\'チャンバー（2輪）\',this);">チャンバー（2輪）</td><td><input type="checkbox" value="" onclick="javascript:cchange(4,\'その他マフラー（2輪）\',this);">その他マフラー（2輪）</td></tr>'+
				'<tr><td></td><td></td><td align="right"><input type="button" name="clear" value="この詳細を閉じる" onClick="close_detail();" /></td></tr>'+
			'</table>'+
		'</form>';
	}else if(value==2){
		document.getElementById("detail").innerHTML = ''+
		'<form action="" method="">'+
			'<table border="0" cellpadding="0" cellspacing="4" width="500" class="check">'+
				'<tr><td colspan="4">パーツメーカー：<SELECT name="maker" id="maker" class="mfont" onchange="javascript:schange(document.getElementById(\'maker\').value);"><OPTION value="">こだわらない</option><OPTION value="DUNLOP(ダンロップ)">DUNLOP(ダンロップ)</option></select></td></tr>'+
				'<tr><td></td><td><input type="checkbox" value="" onclick="javascript:cchange(1,\'タンク（2輪）\',this);">タンク（2輪）</td><td><input type="checkbox" value="" onclick="javascript:cchange(2,\'フェンダー（2輪）\',this);">フェンダー（2輪）</td></tr>'+
				'<tr><td></td><td><input type="checkbox" value="" onclick="javascript:cchange(3,\'サイドカバー（2輪）\',this);">サイドカバー（2輪）</td><td><input type="checkbox" value="" onclick="javascript:cchange(4,\'テールカウル（2輪）\',this);">テールカウル（2輪）</td></tr>'+
				'<tr><td></td><td><input type="checkbox" value="" onclick="javascript:cchange(5,\'アッパーカウル（2輪）\',this);">アッパーカウル（2輪）</td><td><input type="checkbox" value="" onclick="javascript:cchange(6,\'シート（2輪）\',this);">シート（2輪）</td></tr>'+
				'<tr><td></td><td><input type="checkbox" value="" onclick="javascript:cchange(7,\'ミラー（2輪）\',this);">ミラー（2輪）</td><td><input type="checkbox" value="" onclick="javascript:cchange(8,\'ステップ（2輪）\',this);">ステップ（2輪）</td></tr>'+
				'<tr><td></td><td><input type="checkbox" value="" onclick="javascript:cchange(9,\'ハンドルまわり（2輪）\',this);">ハンドルまわり（2輪）</td><td><input type="checkbox" value="" onclick="javascript:cchange(10,\'メーター（2輪）\',this);">メーター（2輪）</td></tr>'+
				'<tr><td></td><td colspan="2"><input type="checkbox" value="" onclick="javascript:cchange(11,\'その他外装（2輪）\',this);">その他外装（2輪）</td></tr>'+
				'<tr><td></td><td colspan="2"><input type="checkbox" value="" onclick="javascript:cchange(12,\'その他ホイール\',this);">その他ホイール</td></tr>'+
				'<tr><td></td><td></td><td align="right"><input type="button" name="clear" value="この詳細を閉じる" onClick="close_detail();" /></td></tr>'+
			'</table>'+
		'</form>';
	}else if(value==3){
		document.getElementById("detail").innerHTML = ''+
		'<form action="" method="">'+
			'<table border="0" cellpadding="0" cellspacing="4" width="500" class="check">'+
				'<tr><td colspan="4">パーツメーカー：<SELECT name="maker" id="maker" class="mfont" onchange="javascript:schange(document.getElementById(\'maker\').value);"><OPTION value="">こだわらない</option><OPTION value="DUNLOP(ダンロップ)">DUNLOP(ダンロップ)</option></select></td></tr>'+
				'<tr><td></td><td><input type="checkbox" value="" onclick="javascript:cchange(1,\'ショック・サス（2輪）\',this);">ショック・サス（2輪）</td><td><input type="checkbox" value="" onclick="javascript:cchange(2,\'フロントまわり（2輪）\',this);">フロントまわり（2輪）</td></tr>'+
				'<tr><td></td><td><input type="checkbox" value="" onclick="javascript:cchange(3,\'リヤまわり（2輪）\',this);">リヤまわり（2輪）</td><td><input type="checkbox" value="" onclick="javascript:cchange(4,\'ブレーキまわり（2輪）\',this);">ブレーキまわり（2輪）</td></tr>'+
				'<tr><td></td><td><input type="checkbox" value="" onclick="javascript:cchange(5,\'ホイール（2輪）\',this);">ホイール（2輪）</td><td><input type="checkbox" value="" onclick="javascript:cchange(6,\'タイヤ（2輪）\',this);">タイヤ（2輪）</td></tr>'+
				'<tr><td></td><td><input type="checkbox" value="" onclick="javascript:cchange(7,\'フォーク（2輪）\',this);">フォーク（2輪）</td><td><input type="checkbox" value="" onclick="javascript:cchange(8,\'スイングアーム（2輪）\',this);">スイングアーム（2輪）</td></tr>'+
				'<tr><td></td><td><input type="checkbox" value="" onclick="javascript:cchange(9,\'チェーンスブロケ（2輪）\',this);">チェーンスブロケ（2輪）</td><td><input type="checkbox" value="" onclick="javascript:cchange(10,\'その他足まわり（2輪）\',this);">その他足まわり（2輪）</td></tr>'+
				'<tr><td></td><td></td><td align="right"><input type="button" name="clear" value="この詳細を閉じる" onClick="close_detail();" /></td></tr>'+
			'</table>'+
		'</form>';
	}else if(value==4){
		document.getElementById("detail").innerHTML = ''+
		'<form action="" method="">'+
			'<table border="0" cellpadding="0" cellspacing="4" width="500" class="check">'+
				'<tr><td colspan="4">パーツメーカー：<SELECT name="maker" id="maker" class="mfont" onchange="javascript:schange(document.getElementById(\'maker\').value);"><OPTION value="">こだわらない</option><OPTION value="DUNLOP(ダンロップ)">DUNLOP(ダンロップ)</option></select></td></tr>'+
				'<tr><td></td><td><input type="checkbox" value="" onclick="javascript:cchange(1,\'ヘッドライト（2輪）\',this);">ヘッドライト（2輪）</td><td><input type="checkbox" value="" onclick="javascript:cchange(2,\'ウインカー（2輪）\',this);">ウインカー（2輪）</td></tr>'+
				'<tr><td></td><td><input type="checkbox" value="" onclick="javascript:cchange(3,\'テールランプ（2輪）\',this);">テールランプ（2輪）</td><td><input type="checkbox" value="" onclick="javascript:cchange(4,\'旧チューニング（2輪）\',this);">旧チューニング（2輪）</td></tr>'+
				'<tr><td></td><td><input type="checkbox" value="" onclick="javascript:cchange(5,\'プラグ（2輪）\',this);">プラグ（2輪）</td><td><input type="checkbox" value="" onclick="javascript:cchange(6,\'スイッチ類（2輪）\',this);">スイッチ類（2輪）</td></tr>'+
				'<tr><td></td><td><input type="checkbox" value="" onclick="javascript:cchange(7,\'バッテリー（2輪）\',this);">バッテリー（2輪）</td><td><input type="checkbox" value="" onclick="javascript:cchange(8,\'その他電装品（2輪）\',this);">その他電装品（2輪）</td></tr>'+
				'<tr><td></td><td></td><td align="right"><input type="button" name="clear" value="この詳細を閉じる" onClick="close_detail();" /></td></tr>'+
			'</table>'+
		'</form>';
	}else if(value==5){
		document.getElementById("detail").innerHTML = ''+
		'<form action="" method="">'+
			'<table border="0" cellpadding="0" cellspacing="4" width="500" class="check">'+
				'<tr><td colspan="4">パーツメーカー：<SELECT name="maker" id="maker" class="mfont" onchange="javascript:schange(document.getElementById(\'maker\').value);"><OPTION value="">こだわらない</option><OPTION value="DUNLOP(ダンロップ)">DUNLOP(ダンロップ)</option></select></td></tr>'+
				'<tr><td></td><td><input type="checkbox" value="" onclick="javascript:cchange(1,\'実動車（2輪）\',this);">実動車（2輪）</td><td><input type="checkbox" value="" onclick="javascript:cchange(2,\'不動車・部品取車（2輪）\',this);">不動車・部品取車（2輪）</td></tr>'+
				'<tr><td></td><td><input type="checkbox" value="" onclick="javascript:cchange(3,\'エンジン（2輪）\',this);">エンジン（2輪）</td><td><input type="checkbox" value="" onclick="javascript:cchange(4,\'フレーム（2輪）\',this);">フレーム（2輪）</td></tr>'+
				'<tr><td></td><td colspan="2"><input type="checkbox" value="" onclick="javascript:cchange(5,\'その他車体（2輪）\',this);">その他車体（2輪）</td></tr>'+
				'<tr><td></td><td></td><td align="right"><input type="button" name="clear" value="この詳細を閉じる" onClick="close_detail();" /></td></tr>'+
			'</table>'+
		'</form>';
	}else if(value==6){
		document.getElementById("detail").innerHTML = ''+
		'<form action="" method="">'+
			'<table border="0" cellpadding="0" cellspacing="4" width="500" class="check">'+
				'<tr><td colspan="4">パーツメーカー：<SELECT name="maker" id="maker" class="mfont" onchange="javascript:schange(document.getElementById(\'maker\').value);"><OPTION value="">こだわらない</option><OPTION value="DUNLOP(ダンロップ)">DUNLOP(ダンロップ)</option></select></td></tr>'+
				'<tr><td></td><td><input type="checkbox" value="" onclick="javascript:cchange(1,\'ヘルメット（2輪）\',this);">ヘルメット（2輪）</td><td><input type="checkbox" value="" onclick="javascript:cchange(2,\'ツナギ（2輪）\',this);">ツナギ（2輪）</td></tr>'+
				'<tr><td></td><td><input type="checkbox" value="" onclick="javascript:cchange(3,\'ブーツ（2輪）\',this);">ブーツ（2輪）</td><td><input type="checkbox" value="" onclick="javascript:cchange(4,\'グラブ（2輪）\',this);">グラブ（2輪）</td></tr>'+
				'<tr><td></td><td><input type="checkbox" value="" onclick="javascript:cchange(5,\'旧ウェア（2輪）\',this);">旧ウェア（2輪）</td><td><input type="checkbox" value="" onclick="javascript:cchange(6,\'カワジャンバー（2輪）\',this);">カワジャンバー（2輪）</td></tr>'+
				'<tr><td></td><td><input type="checkbox" value="" onclick="javascript:cchange(7,\'カワパンツ（2輪）\',this);">カワパンツ（2輪）</td><td><input type="checkbox" value="" onclick="javascript:cchange(8,\'ジャケット（2輪）\',this);">ジャケット（2輪）</td></tr>'+
				'<tr><td></td><td><input type="checkbox" value="" onclick="javascript:cchange(9,\'レインウェア（2輪）\',this);">レインウェア（2輪）</td><td><input type="checkbox" value="" onclick="javascript:cchange(10,\'ゴーグル（2輪）\',this);">ゴーグル（2輪）</td></tr>'+
				'<tr><td></td><td><input type="checkbox" value="" onclick="javascript:cchange(11,\'プロテクター（2輪）\',this);">プロテクター（2輪）</td><td><input type="checkbox" value="" onclick="javascript:cchange(12,\'その他ウェア（2輪）\',this);">その他ウェア（2輪）</td></tr>'+
				'<tr><td></td><td></td><td align="right"><input type="button" name="clear" value="この詳細を閉じる" onClick="close_detail();" /></td></tr>'+
			'</table>'+
		'</form>';
	}else if(value==7){
		document.getElementById("detail").innerHTML = ''+
		'<form action="" method="">'+
			'<table border="0" cellpadding="0" cellspacing="4" width="500" class="check">'+
				'<tr><td colspan="4">パーツメーカー：<SELECT name="maker" id="maker" class="mfont" onchange="javascript:schange(document.getElementById(\'maker\').value);"><OPTION value="">こだわらない</option><OPTION value="DUNLOP(ダンロップ)">DUNLOP(ダンロップ)</option></select></td></tr>'+
				'<tr><td></td><td><input type="checkbox" value="" onclick="javascript:cchange(1,\'BOX（2輪）\',this);">BOX（2輪）</td><td><input type="checkbox" value="" onclick="javascript:cchange(2,\'バッグ（2輪）\',this);">バッグ（2輪）</td></tr>'+
				'<tr><td></td><td colspan="2"><input type="checkbox" value="" onclick="javascript:cchange(3,\'その他キャリア（2輪）\',this);">その他キャリア（2輪）</td></tr>'+
				'<tr><td></td><td></td><td align="right"><input type="button" name="clear" value="この詳細を閉じる" onClick="close_detail();" /></td></tr>'+
			'</table>'+
		'</form>';
	}else if(value==8){
		document.getElementById("detail").innerHTML = ''+
		'<form action="" method="">'+
			'<table border="0" cellpadding="0" cellspacing="4" width="500" class="check">'+
				'<tr><td colspan="4">パーツメーカー：<SELECT name="maker" id="maker" class="mfont" onchange="javascript:schange(document.getElementById(\'maker\').value);"><OPTION value="">こだわらない</option><OPTION value="DUNLOP(ダンロップ)">DUNLOP(ダンロップ)</option></select></td></tr>'+
				'<tr><td></td><td><input type="checkbox" value="" onclick="javascript:cchange(1,\'キャブレータ（2輪）\',this);">キャブレータ（2輪）</td><td><input type="checkbox" value="" onclick="javascript:cchange(2,\'エンジンパーツ（2輪）\',this);">エンジンパーツ（2輪）</td></tr>'+
				'<tr><td></td><td><input type="checkbox" value="" onclick="javascript:cchange(3,\'電装品（2輪）\',this);">電装品（2輪）</td><td><input type="checkbox" value="" onclick="javascript:cchange(4,\'チューニング（2輪）\',this);">チューニング（2輪）</td></tr>'+
				'<tr><td></td><td><input type="checkbox" value="" onclick="javascript:cchange(5,\'O/Cラジエータ（2輪）\',this);">O/Cラジエータ（2輪）</td><td><input type="checkbox" value="">その他チューニング（2輪）</td></tr>'+
				'<tr><td></td><td></td><td align="right"><input type="button" name="clear" value="この詳細を閉じる" onClick="close_detail();" /></td></tr>'+
			'</table>'+
		'</form>';
	}else if(value==9){
		document.getElementById("detail").innerHTML = ''+
		'<form action="" method="">'+
			'<table border="0" cellpadding="0" cellspacing="4" width="500" class="check">'+
				'<tr><td colspan="4">パーツメーカー：<SELECT name="maker" id="maker" class="mfont" onchange="javascript:schange(document.getElementById(\'maker\').value);"><OPTION value="">こだわらない</option><OPTION value="DUNLOP(ダンロップ)">DUNLOP(ダンロップ)</option></select></td></tr>'+
				'<tr><td></td><td><input type="checkbox" value="" onclick="javascript:cchange(1,\'工具・メンテナンス（2輪）\',this);">工具・メンテナンス（2輪）</td><td><input type="checkbox" value="" onclick="javascript:cchange(2,\'オイル・ケミカル（2輪）\',this);">オイル・ケミカル（2輪）</td></tr>'+
				'<tr><td></td><td><input type="checkbox" value="" onclick="javascript:cchange(3,\'その他パーツ（2輪）\',this);">その他パーツ（2輪）</td><td><input type="checkbox" value="" onclick="javascript:cchange(4,\'ハーレーパーツ（2輪）\',this);">ハーレーパーツ（2輪）</td></tr>'+
				'<tr><td></td><td></td><td align="right"><input type="button" name="clear" value="この詳細を閉じる" onClick="close_detail();" /></td></tr>'+
			'</table>'+
		'</form>';
	}
}

function schange(value){
	if(value.length > 14) value = value.substr(0,11)+"・・・";
	darray[0] = value;
	detailview();
}

function cchange(key,value,obj){
	if(obj.checked){
		if(value.length > 14) value = value.substr(0,11)+"・・・";
		darray[key] = value;
	}else{
		darray[key] = "";
	}
	detailview();
}

function detailview(){
	var str = "";
	var j = 0;
	for(var i = 0; i < darray.length; i++){
		if(j > 2 && darray[i] && darray[i] != ""){
			str += "・・・";
			break;
		}
		if(darray[i] && darray[i] != ""){
			str += darray[i]+"<br />";
			j++;
		}
	}
	
	document.getElementById("detailview").innerHTML = str;
}