/************************************/
/*   OvertureExBtmpl.js             */
/************************************/

function viewTempl(obj){
	var ovhtml = "";

	if(! obj[1]){
		return ovhtml;
	}

	ovhtml += '<table width="550" border="0" cellspacing="0" cellpadding="0">';
	ovhtml += '	<tr>';
	ovhtml += '		<td align="left" valign="bottom"><table width="100%" border="0" cellspacing="0" cellpadding="0">';
	ovhtml += '				<tr>';
	ovhtml += '					<td><img src="images/osusume_tab.gif" alt="キャッシング比較naviお勧め情報" width="238" height="26" /></td>';
	ovhtml += '					<td valign="bottom" style="font-size:12px; color: #333333; text-indent:80px;">インタレストマッチ - <a style="text-decoration:underline;" target="_blank" href="http://ov.yahoo.co.jp/service/int/index.html">広告の掲載について</a></td>';
	ovhtml += '				</tr>';
	ovhtml += '			</table></td>';
	ovhtml += '	</tr>';
	ovhtml += '	<tr>';
	ovhtml += '		<td><table width="100%" border="0" cellpadding="0" cellspacing="0">';
	ovhtml += '			<tr>';
	ovhtml += '				<td width="4" height="4"><img src="images/osusume_lt.gif" width="4" height="4" /></td>';
	ovhtml += '				<td background="images/osusume_top.gif"></td>';
	ovhtml += '				<td><img src="images/osusume_rt.gif" width="4" height="4" /></td>';
	ovhtml += '			</tr>';
	ovhtml += '			<tr>';
	ovhtml += '				<td width="4" background="images/osusume_left.gif"></td>';
	ovhtml += '				<td><table width="100%" border="0" cellspacing="0" cellpadding="0">';
	ovhtml += '			<tr>';
	ovhtml += '				<td align="left">';
	ovhtml += '<table border=0 cellspacing=5 cellpadding=0>';

	for(key in obj){

		var description = strSplit(obj[key]["description"]);

		ovhtml += '<tr>';
		ovhtml += '	<td align="left"><img src="images/osusume_li.gif" hspace="3"></td>';
		ovhtml += '	<td align="left"><a href="' + obj[key]["clickurl"] + '" target="_blank" style="font-weight:bold">' + obj[key]["title"] + '</a></td>';
		ovhtml += '	<td align="left"><a href="' + obj[key]["clickurl"] + '" target="_blank" title="' + obj[key]["description"] + '">' + description + '</a></td>';
		ovhtml += '</tr>';

	}

	ovhtml += '</table>';
	ovhtml += '				</td>';
	ovhtml += '						</tr>';
	ovhtml += '				</table></td>';
	ovhtml += '				<td width="4" background="images/osusume_right.gif">&nbsp;</td>';
	ovhtml += '			</tr>';
	ovhtml += '			<tr>';
	ovhtml += '				<td><img src="images/osusume_lb.gif" width="4" height="4" /></td>';
	ovhtml += '				<td background="images/osusume_bottom.gif"></td>';
	ovhtml += '				<td><img src="images/osusume_rb.gif" width="4" height="4" /></td>';
	ovhtml += '			</tr>';
	ovhtml += '		</table></td>';
	ovhtml += '	</tr>';
	ovhtml += '</table>';

	document.getElementById("overtureExB").innerHTML = ovhtml;
}

function strSplit(str){
	if (str.length > 24) {
		str = str.substr(0, 24) + ". . .";
	} else {
		str = str;
	}
	return str;
}
