var SPONSOR = new Array(
	/* 楽天トラベル */
	'<a href="http://click.linksynergy.com/fs-bin/click?id=AP1Cqg15MoE&offerid=86702.10000004&type=4&subid=0" target="new"><IMG alt="「楽天トラベル」" border="0" src="http://travel.rakuten.co.jp/linkshare/img/linkshare392_72_1.gif"></a><IMG border="0" width="1" height="1" src="http://ad.linksynergy.com/fs-bin/show?id=AP1Cqg15MoE&bids=86702.10000004&type=4&subid=0">',
	/* 7 and Y */
	'<a href="http://click.linksynergy.com/fs-bin/click?id=AP1Cqg15MoE&offerid=94925&subid=0" target="new"><IMG alt="セブンアンドワイ" border="0"  width="234" height="60" src="http://ad.linksynergy.com/fs-bin/show?id=AP1Cqg15MoE&bids=94925&gridnum=3&catid=-1&subid=0"></a>',
	/* LinkShare */
	'<a href="http://click.linksynergy.com/fs-bin/click?id=AP1Cqg15MoE&offerid=78559&subid=0" target="new"><IMG alt="" border="0"  width="234" height="60" src="http://ad.linksynergy.com/fs-bin/show?id=AP1Cqg15MoE&bids=78559&gridnum=3&catid=-1&subid=0"></a>');
var TOP_PAGE = location.protocol + "//" + location.host + "/home/curly/home.html";
var SUB_PAGE = location.protocol + "//" + location.host + "/home/curly/subpage/";


/**
 *	ナビゲートバーを表示する。
 *	引数の配列は、以下の組み合わせの２次元配列でなければならない。
 *	<dir>
 *		navi[n][0]……ナビゲート名
 *		navi[n][1]……URL
 *	</dir>
 *
 *	@param	title	タイトル
 *	@param	navi	ナビゲーションタイトルとURLの配列
 */
function displayNavigateBar(title, navi){
	var titlebar = "Curly Station";
	var sponsorNo = Math.floor(Math.random() * SPONSOR.length);
	document.write("<table border=0 width=100% style='border:2px dotted red;'><tr><td>");
	// トップ
	document.write("<a href='" + TOP_PAGE + "' target='frame2'>");
	document.write("[トップ]");
	document.write("</a>");
	document.write("&nbsp;&gt;&gt;&nbsp;<br>");
	// コンテンツトップ
	if(navi.length > 1){
		document.write("<a href='" + SUB_PAGE + navi[0][1] + "'>");
	}else{
		document.write("<b>");
	}
	if(title == "スタンプノート&#8545;"){
		titlebar = titlebar + " >> スタンプノートII";
	}else{
		titlebar = titlebar + " >> " + title;
	}
	document.write(title + "[" + navi[0][0] + "]");
	if(navi.length > 1){
		document.write("</a>");
	}else{
		document.write("</b>");
	}
	// 次からは、存在する分だけ表示
	for(i = 1; i < navi.length; i++){
		if(navi[i][0] != null){
			document.write("&nbsp;&gt;&gt;&nbsp;<br>");
			if(navi[i][1] == null){
				document.write("<b>[" + navi[i][0] + "]</b>");
			}else{
				document.write("<a href='" + SUB_PAGE + navi[i][1] + "'>");
				document.write("[" + navi[i][0] + "]");
				document.write("</a>");
			}
			if(navi[i][0] == "スタンプノート&#8545;"){
				titlebar = titlebar + " >> スタンプノートII";
			}else{
				titlebar = titlebar + " >> " + navi[i][0];
			}
		}
	}
	document.write("</td><td align=right>");
	// スポンサー様々
	document.write("<table border=0><tr><th colspan=3>スポンサー様</th></tr><tr>");
	document.write("<th>" + SPONSOR[sponsorNo] + "</th>");
	document.write("</tr></table>");
	document.write("</td></tr></table>");
	window.top.document.title = titlebar;
}


/**
 *	ルビ付きでタイトルを表示する。
 *	引数の配列の添え字は、それぞれ対応していなくてはならない。
 *
 *	@param	title	ルビが振られるタイトル。
 *	@param	ruby	タイトル文字に対するルビ。
 */
function displayTitleRuby(title, ruby){
	document.write("<div class=detailer>");
	if(navigator.appName.substring(0, 9) == "Microsoft"){
		// IE
		document.write("<font size=5>");
		for(i = 0; i < title.length; i++){
			document.write("<ruby><rb>" + title[i] + "</rb><rt>" + ruby[i] + "</rt></ruby>&nbsp;");
		}
		document.write("</font>");
	}else{
		// else(e.g. N.N. or Opera)
		document.write("<table border=0><tr align=center>");
		for(i = 0; i < ruby.length; i++){
			document.write("<td nowrap><font size=2>" + ruby[i] + "</font></td>");
		}
		document.write("</tr><tr align=center>");
		for(i = 0; i < title.length; i++){
			document.write("<td nowrap><font size=5>" + title[i] + "</font></td>");
		}
		document.write("</tr></table>");
	}
	document.write("</div>");
}


/**
 *	ルビ付きでタイトルを表示する。
 *	引数の配列の添え字は、それぞれ対応していなくてはならない。
 *
 *	@param	title1	ルビが振られるタイトル。
 *	@param	ruby1		タイトル文字に対するルビ。
 *	@param	title2	ルビが振られるタイトル。
 *	@param	ruby2		タイトル文字に対するルビ。
 */
function displayTitleRuby2(title1, ruby1, title2, ruby2){
	title = new Array(title1, title2);
	ruby = new Array(ruby1, ruby2);
	document.write("<div class=detailer>");
	for(j = 0; j < 2; j++){
		if(navigator.appName.substring(0, 9) == "Microsoft"){
			// IE
			document.write("<font size=5>");
			for(i = 0; i < title[j].length; i++){
				document.write("<ruby><rb>" + title[j][i] + "</rb><rt>" + ruby[j][i] + "</rt></ruby>&nbsp;");
			}
			document.write("</font><br>");
		}else{
			// else(e.g. N.N. or Opera)
			document.write("<table border=0><tr align=center>");
			for(i = 0; i < ruby[j].length; i++){
				document.write("<td nowrap><font size=2>" + ruby[j][i] + "</font></td>");
			}
			document.write("</tr><tr align=center>");
			for(i = 0; i < title[j].length; i++){
				document.write("<td nowrap><font size=5>" + title[j][i] + "</font></td>");
			}
			document.write
			document.write("</tr></table>");
		}
	}
	document.write("</div>");
}


/**
 *	何かの映像っぽくタイトルを表示する。
 *	タイトルは、id属性を<kbd>"Titletext"</kbd>にしておかなくてはならない。
 *
 *	@param	startPx		映像開始時の文字幅〔ピクセル〕。
 *	@param	finishPx	映像終了時の文字幅〔ピクセル〕。
 *	@param	stepPx		文字の移動幅〔ピクセル〕。
 *	@param	waitMSec	映像（アニメーション）のコマウェイト〔msec〕。
 */
function movieTitle(startPx, finishPx, stepPx, waitMSec){
	 if((startPx < finishPx)&&(document.getElementById)){
		document.getElementById("TitleText").style.letterSpacing = startPx + "px";
		startPx += stepPx;
		setTimeout("movieTitle(" + startPx + ", " + finishPx + ", " + stepPx + ", " + waitMSec + ")", waitMSec);
	 }
}


/**
 *	年月日をそろえて表示する。
 *
 *	@param	yyyy	年。
 *	@param	mm		月。
 *	@param	dd		日。
 *	@param	span	縦スパン回数。
 */
function displayDate(yyyy, mm, dd, span){
	document.write('<td rowspan="' + span + '" align="right" class="yearborder">' + yyyy + '</td>');
	document.write('<td rowspan="' + span + '" align="right" class="monthborder">/</td>');
	document.write('<td rowspan="' + span + '" align="right" class="monthborder">' + mm + '</td>');
	document.write('<td rowspan="' + span + '" align="right" class="monthborder">/</td>');
	document.write('<td rowspan="' + span + '" align="right" class="dayborder">' + dd + '</td>');
}