function showItem(val){
	// 2005/11/16(水) 項目が空、改行又はタブのみなら「―」を表示するよう修正
//	if(val == ''){
	if(val.match(/^\s*$/)){
		val = '―';
	}

	document.write(val.replace(/\n/g, '<br>'));
}

function isEmpty(value){
	return (!value || value == '0' || value.match(/^\s*$/));
}

function showRow(leftValue, rightValue){
	document.write('<tr>');
	document.write('<td class="Left">' + leftValue + '</td>');
	document.write('<td class="Right">' + rightValue + '</td>');
	document.write('</tr>');
}



function showCaseList(cases){
	for(var ci in cases){
		var caseInfo = cases[ci];
		
		document.write('<p class="Harf"><img src="/img/IconButtonJisseki.gif" width="71" height="16" alt="作品実績" /></p>');
		
		// 2005/11/19(土) 事例のタイトルと説明の改行(\n)を<br>に置換
		for(var i in caseInfo["Title"]){
			caseInfo["Title"][i]["TitleName"] = nl2br(caseInfo["Title"][i]["TitleName"]);
		}
		for(var i in caseInfo["Explanation"]){
			caseInfo["Explanation"][i]["Explanation"] = nl2br(caseInfo["Explanation"][i]["Explanation"]);
		}
		
		switch(caseInfo['PatternCode']){
		case 'A':
			onCasePatternA(caseInfo);
			break;
		case 'B':
			onCasePatternB(caseInfo);
			break;
		case 'C':
			onCasePatternC(caseInfo);
			break;
		case 'D':
			onCasePatternD(caseInfo);
			break;
		case 'E':
			onCasePatternE(caseInfo);
			break;
		}
	}
	
	// 2009/2/3
	$('#caselist a.zoom').lightBox({fixedNavigation:true});
		
}


function onCasePatternA(caseInfo){
	var html = '';
	
	html += '<table class="PreviewBoxA" summary="作品・実績パターンAプレビュー">';
	html += '<tr valign="top">';
	html += '<td class="LeftTitle">' + caseInfo['Title'][0]['TitleName'] + '</td>';
	html += '<td class="RightTitle">' + caseInfo['Title'][1]['TitleName'] + '</td>';
	html += '</tr>';
	html += '<tr>';
	
	for(index = 0; index < 2; index++){
		html += '<td>';
		html += '<table class="PreviewBoxAIn" summary="作品・実績パターンAプレビュー">';
		html += '<tr valign="top">';
		html += '<td class="Left"><a class="zoom" href="' + caseInfo['Image'][index*4]['ImagePath'] + '" title=""><img src="' + caseInfo['Image'][index*4]['ImagePath'] + '" width="180"  alt="" /><p style="text-align:right;padding-right:10px;"><img src="/img/zoom.gif" alt="" width="81" height="16"></p></a></td>';
		html += '<td class="Right" rowspan="4">' + caseInfo['Explanation'][index]['Explanation'] + '</td>';
		html += '</tr>';
		html += '<!-- End Image Boxset -->';
		html += '<!-- Begin Image Boxset -->';
		html += '<tr valign="top">';
		html += '<td class="Left"><a class="zoom" href="' + caseInfo['Image'][index*4+1]['ImagePath'] + '" title=""><img src="' + caseInfo['Image'][index*4+1]['ImagePath'] + '" width="180"  alt="" /><p style="text-align:right;padding-right:10px;"><img src="/img/zoom.gif" alt="" width="81" height="16"></p></a></td>';
		html += '</tr>';
		html += '<!-- End Image Boxset -->';
		html += '<!-- Begin Image Boxset -->';
		html += '<tr valign="top">';
		html += '<td class="Left"><a class="zoom" href="' + caseInfo['Image'][index*4+2]['ImagePath'] + '" title=""><img src="' + caseInfo['Image'][index*4+2]['ImagePath'] + '" width="180"  alt="" /><p style="text-align:right;padding-right:10px;"><img src="/img/zoom.gif" alt="" width="81" height="16"></p></a></td>';
		html += '</tr>';
		html += '<!-- End Image Boxset -->';
		html += '<!-- Begin Image Boxset -->';
		html += '<tr valign="top">';
		html += '<td class="Left"><a class="zoom" href="' + caseInfo['Image'][index*4+3]['ImagePath'] + '" title=""><img src="' + caseInfo['Image'][index*4+3]['ImagePath'] + '" width="180"  alt="" /><p style="text-align:right;padding-right:10px;"><img src="/img/zoom.gif" alt="" width="81" height="16"></p></a></td>';
		html += '</tr>';
		html += '</table>';
		html += '</td>';
	}
	
	html += '</tr>';
	html += '</table>';
	
	document.write(html);
}

function onCasePatternB(caseInfo){
	var html = '';
	
	for(var ri = 0; ri < 2; ri++){
		html += '<table class="PreviewBoxB" summary="作品・実績パターンBプレビュー">';
		html += '<tr>';
		html += '<td class="LeftTitle">' + caseInfo['Title'][ri]['TitleName'] + '</td>';
		html += '<td class="RightTitle">' + caseInfo['Title'][ri + 2]['TitleName'] + '</td>';
		html += '</tr>';
		html += '<tr>';
		html += '<td><a class="zoom" href="' + caseInfo['Image'][ri]['ImagePath'] + '" title=""><img src="' + caseInfo['Image'][ri]['ImagePath'] + '" width="240"  alt="" /><p style="text-align:right;padding-right:15px;"><img src="/img/zoom.gif" alt="" width="81" height="16"></p></a></td>';
		html += '<td><a class="zoom" href="' + caseInfo['Image'][ri +2]['ImagePath'] + '" title=""><img src="' + caseInfo['Image'][ri + 2]['ImagePath'] + '" width="240"  alt="" /><p style="text-align:right;padding-right:15px;"><img src="/img/zoom.gif" alt="" width="81" height="16"></p></a></td>';
		html += '</tr>';
		html += '<tr>';
		html += '<td>' + caseInfo['Explanation'][ri]['Explanation'] + '</td>';
		html += '<td>' + caseInfo['Explanation'][ri + 2]['Explanation'] + '</td>';
		html += '</tr>';
		html += '</table>';
	}
	
	document.write(html);
}

function onCasePatternC(caseInfo){
	var html = '';
	
	for(var ri = 0; ri < 2; ri++){
		html += '<table class="PreviewBoxC" summary="作品・実績パターンCプレビュー">';
		html += '<tr>';
		html += '<td class="Title">' + caseInfo['Title'][ri]['TitleName'] + '</td>';
		html += '</tr>';
		html += '<tr>';
		// 2009/2/3
		html += '<td><a class="zoom" href="' + caseInfo['Image'][ri]['ImagePath'] + '" title=""><img src="' + caseInfo['Image'][ri]['ImagePath'] + '" width="500"  alt="" /><p style="text-align:right;padding-right:15px;"><img src="/img/zoom.gif" alt="" width="81" height="16"></p></a></td>';
		html += '</tr>';
		html += '<tr>';
		html += '<td>' + caseInfo['Explanation'][ri]['Explanation'] + '</td>';
		html += '</tr>';
		html += '</table>';
	}
	
	document.write(html);
	

}

function onCasePatternD(caseInfo){
	var html = '';
	
	for(var ri = 0; ri < 2; ri++){
		html += '<table class="PreviewBoxD" summary="作品・実績パターンDプレビュー">';
		html += '<tr>';
		html += '<td class="Title" colspan="2">' + caseInfo['Title'][ri]['TitleName'] + '</td>';
		html += '</tr>';
		html += '<tr valign="top">';
		html += '<td class="zoom" class="Left"><a href="' + caseInfo['Image'][ri]['ImagePath'] + '" title=""><img src="' + caseInfo['Image'][ri]['ImagePath'] + '" width="200"  alt="" /><p style="text-align:right;padding-right:15px;"><img src="/img/zoom.gif" alt="" width="81" height="16"></p></a></td>';
		html += '<td class="Right">' + caseInfo['Explanation'][ri]['Explanation'] + '</td>';
		html += '</tr>';
		html += '</table>';
	}
	
	document.write(html);
}

function onCasePatternE(caseInfo){
	var html = '';
	
	html += '<table class="PreviewBoxD" summary="作品・実績パターンEプレビュー">';
	html += '<tr>';
	html += '<td class="Title" colspan="3">' + caseInfo['Title'][0]['TitleName'] + '</td>';
	html += '</tr>';
	html += '<tr><td>' + caseInfo['Explanation'][0]['Explanation'] + '</td></tr>';	
	html += '<tr valign="top">';
	html += '<td><a class="zoom" href="' + caseInfo['Image'][0]['ImagePath'] + '" title=""><img src="' + caseInfo['Image'][0]['ImagePath'] + '" width="160"  alt="" /><p style="text-align:right;padding-right:15px;"><img src="/img/zoom.gif" alt="" width="81" height="16"></p></a></td>';
	html += '<td><a class="zoom" href="' + caseInfo['Image'][1]['ImagePath'] + '" title=""><img src="' + caseInfo['Image'][1]['ImagePath'] + '" width="160"  alt="" /><p style="text-align:right;padding-right:15px;"><img src="/img/zoom.gif" alt="" width="81" height="16"></p></a></td>';
	html += '<td><a class="zoom" href="' + caseInfo['Image'][2]['ImagePath'] + '" title=""><img src="' + caseInfo['Image'][2]['ImagePath'] + '" width="160"  alt="" /><p style="text-align:right;padding-right:15px;"><img src="/img/zoom.gif" alt="" width="81" height="16"></p></a></td>';
	html += '</tr>';
	html += '</table>';
	
	document.write(html);
}


/*
function showCaseList(cases){
	for(var ci in cases){
		var caseInfo = cases[ci];
		
		if(ci > 0){
			document.write('<img src="/img/common/spacer.gif" width="1" height="10" alt="">');
		}
		
		// 2005/11/19(土) 事例のタイトルと説明の改行(\n)を<br>に置換
		for(var i in caseInfo["Title"]){
			caseInfo["Title"][i]["TitleName"] = caseInfo["Title"][i]["TitleName"].replace(/\\n/g, '<br>');
		}
		for(var i in caseInfo["Explanation"]){
			caseInfo["Explanation"][i]["Explanation"] = caseInfo["Explanation"][i]["Explanation"].replace(/\\n/g, '<br>');
		}
		
		switch(caseInfo['PatternCode']){
		case 'A':
			onCasePatternA(caseInfo);
			break;
		case 'B':
			onCasePatternB(caseInfo);
			break;
		case 'C':
			onCasePatternC(caseInfo);
			break;
		case 'D':
			onCasePatternD(caseInfo);
			break;
		case 'E':
			onCasePatternE(caseInfo);
			break;
		}
		
		document.write('<table border="0" cellspacing="0" cellpadding="0">');

		document.write('<tr>');
		document.write('<td><img src="/img/common/spacer.gif" width="1" height="10" alt=""></td>');
		document.write('</tr>');

		document.write('<tr>');
		document.write('<td><img src="/img/common/spacer.gif" width="2" height="1" alt=""></td>');
		document.write('<td>');
		document.write('</td>');
		document.write('</tr>');
		document.write('</table>');
	}
}

function onCasePatternA(caseInfo){
	document.write('<table border="0" cellspacing="0" cellpadding="0">');
	document.write('<tr valign="top">');
	
	for(index = 0; index < 2; index++){
		document.write('<td width="248">');
		
		document.write('<!-- Begin Title -->');
		document.write('<table width="244" border="0" cellspacing="2" cellpadding="0">');
		document.write('<tr>');
		document.write('<td>');
		document.write('<h3><img src="/img/case/txt_icon01.gif" width="9" height="9" alt="">' + caseInfo['Title'][index]['TitleName']);
		document.write('</h3>');
		document.write('</td>');
		document.write('</tr>');
		document.write('</table>');
		document.write('<!-- End Title -->');
		
		document.write('<!-- Begin Image Boxset -->');
		document.write('<table width="242" border="0" cellspacing="2" cellpadding="0">');
		document.write('<tr valign="top">');
		document.write('<td><img src="' + caseInfo['Image'][index*4]['ImagePath'] + '" width="180" height="130" alt=""></td>');
		document.write('<td class="boxtxt01" rowspan="4">' + caseInfo['Explanation'][index]['Explanation'] + '</td>');
		document.write('</tr>');
		document.write('<!-- End Image Boxset -->');
		document.write('<!-- Begin Image Boxset -->');
		document.write('<tr valign="top">');
		document.write('<td><img src="' + caseInfo['Image'][index*4+1]['ImagePath'] + '" width="180" height="130" alt=""></td>');
		document.write('</tr>');
		document.write('<!-- End Image Boxset -->');
		document.write('<!-- Begin Image Boxset -->');
		document.write('<tr valign="top">');
		document.write('<td><img src="' + caseInfo['Image'][index*4+2]['ImagePath'] + '" width="180" height="130" alt=""></td>');
		document.write('</tr>');
		document.write('<!-- End Image Boxset -->');
		document.write('<!-- Begin Image Boxset -->');
		document.write('<tr valign="top">');
		document.write('<td><img src="' + caseInfo['Image'][index*4+3]['ImagePath'] + '" width="180" height="130" alt=""></td>');
		document.write('</tr>');
		document.write('</table>');
		document.write('<!-- End Image Boxset -->');
		
		document.write('</td>');
	}
	
	document.write('</tr>');
	document.write('<tr>');
	document.write('<td>');
	document.write('</td>');
	document.write('</tr>');
	document.write('</table>');
}

function onCasePatternB(caseInfo){
	document.write('<table width="506" border="0" cellspacing="0" cellpadding="0">');
	document.write('<tr valign="top">');
	
	for(var ri = 0; ri < 2; ri++){
		if(ri > 0){
			document.write('<td><img src="/img/common/spacer.gif" width="12" height="1" alt=""></td>');
		}
		document.write('<td width="246">');
		
		for(var ci = 0; ci < 2; ci++){
			var index = 2 * ri + ci;
			
			if(ci > 0){
				document.write('<img src="/img/common/spacer.gif" width="1" height="3" alt="">');
			}
			document.write('<!-- Begin Image Boxset -->');
			document.write('<table width="246" border="0" cellspacing="2" cellpadding="0">');
			document.write('<tr>');
			document.write('<td><h3><img src="/img/case/txt_icon01.gif" width="9" height="9" alt="">' + caseInfo['Title'][index]['TitleName'] + '</h3></td>');
			document.write('</tr>');
			document.write('</table>');
			document.write('<table width="244" border="0" cellspacing="2" cellpadding="0">');
			document.write('<tr>');
			document.write('<td><img src="' + caseInfo['Image'][index]['ImagePath'] + '" width="240" height="330" alt=""></td>');
			document.write('</tr>');
			document.write('<tr>');
			document.write('<td class="boxtxt01">' + caseInfo['Explanation'][index]['Explanation'] + '</td>');
			document.write('</tr>');
			document.write('</table>');
			document.write('<!-- End Image Boxset -->');
		}
		document.write('</td>');
	}
	
	// 2005/10/27(木) 表示レイアウトが崩れる不具合を修正
	document.write('</tr>');
	document.write('</table>');
}

function onCasePatternC(caseInfo){

		document.write('<table border="0" cellspacing="0" cellpadding="0">');
		document.write('<tr valign="top">');
		document.write('<td width="506">');
		
		for(var index = 0; index < 2; index++){
			if(index > 0){
				document.write('<img src="/img/common/spacer.gif" width="1" height="3" alt="">');
			}
			document.write('<!-- Begin Image Boxset -->');
			document.write('<table width="506" border="0" cellspacing="2" cellpadding="0">');
			document.write('<tr>');
			document.write('<td>');
			document.write('<h3><img src="/img/case/txt_icon01.gif" width="9" height="9" alt="">' + caseInfo['Title'][index]['TitleName'] );
			document.write('</h3>');
			document.write('</td>');
			document.write('</tr>');
			document.write('</table>');
			document.write('<table width="492" border="0" cellspacing="2" cellpadding="0">');
			document.write('<tr>');
			document.write('<td><img src="' + caseInfo['Image'][index]['ImagePath'] + '" width="500" height="338" alt=""></td>');
			document.write('</tr>');
			document.write('<tr>');
			document.write('<td class="boxtxt01">' + caseInfo['Explanation'][index]['Explanation'] + '</td>');
			document.write('</tr>');
			document.write('</table>');
			document.write('<!-- End Image Boxset -->');
		}

		document.write('</td>');
		document.write('</tr>');
		document.write('</table>');
}

function onCasePatternD(caseInfo){
	document.write('<table border="0" cellspacing="0" cellpadding="0">');
	document.write('<tr valign="top">');
	document.write('<td width="506">');

	for(var index = 0; index < 2; index++){
		if(index > 0){
			document.write('<img src="/img/common/spacer.gif" width="1" height="3" alt="">');
		}
		document.write('<!-- Begin Image Boxset -->');
		document.write('<table width="492" border="0" cellspacing="2" cellpadding="0">');
		document.write('<tr>');
		document.write('<td>');
		document.write('<h3><img src="/img/case/txt_icon01.gif" width="9" height="9" alt="">' + caseInfo['Title'][index]['TitleName']);
		document.write('</h3>');
		document.write('</td>');
		document.write('</tr>');
		document.write('</table>');
		document.write('<table width="492" border="0" cellspacing="0" cellpadding="0">');
		document.write('<tr>');
		document.write('<td class="boxtxt01"><img src="' + caseInfo['Image'][index]['ImagePath'] + '" width="200" height="300" alt="" align="left">' + caseInfo['Explanation'][index]['Explanation'] + '</td>');
		document.write('</tr>');
		document.write('</table>');
		document.write('<!-- End Image Boxset -->');
	}
	document.write('</td>');
	document.write('</tr>');
	document.write('</table>');
}

function onCasePatternE(caseInfo){
		document.write('<table border="0" align="center" cellpadding="0" cellspacing="0">');
		document.write('<tr valign="top">');
		document.write('<td width="496">');
		
		document.write('<!-- Begin Image Boxset -->');
		document.write('<table width="492" border="0" cellspacing="2" cellpadding="0">');
		document.write('<tr>');
		document.write('<td>');
		document.write('<h3><img src="/img/case/txt_icon01.gif" width="9" height="9" alt="">' + caseInfo['Title'][0]['TitleName']);
		document.write('</h3>');
		document.write('</td>');
		document.write('</tr>');
		document.write('</table>');
		document.write('<table width="492" border="0" cellspacing="2" cellpadding="0">');
		document.write('<tr>');
		document.write('<td class="boxtxt01">' + caseInfo['Explanation'][0]['Explanation'] + '</td>');
		document.write('</tr>');
		document.write('</table>');
		document.write('<!-- End Image Boxset -->');
		
		document.write('<img src="/img/common/spacer.gif" width="1" height="3" alt="">');
		
		document.write('<!-- Begin Image Boxset -->');
		document.write('<table width="492" border="0" cellspacing="0" cellpadding="0">');
		document.write('<tr>');
		document.write('<td class="boxtxt01"><img src="' + caseInfo['Image'][0]['ImagePath'] + '" width="160" height="220" alt="" align="left"></td>');
		document.write('<td><img src="/img/common/spacer.gif" width="2" height="3" alt=""></td>');
		document.write('<td class="boxtxt01"><img src="' + caseInfo['Image'][1]['ImagePath'] + '" width="160" height="220" alt="" align="left"></td>');
		document.write('<td><img src="/img/common/spacer.gif" width="2" height="3" alt=""></td>');
		document.write('<td class="boxtxt01"><img src="' + caseInfo['Image'][2]['ImagePath'] + '" width="160" height="220" alt="" align="left"></td>');
		document.write('</tr>');
		document.write('</table>');
		document.write('<!-- End Image Boxset -->');
		
		document.write('</td>');
		document.write('</tr>');
		document.write('</table>');
}
//*/