document.write('<iframe width=0 height=0 src="" id="hiddenframe" name="hiddenframe" style="display:none"></iframe>');

/* 版面列表以及詳細列表展開 */

/* sec == 1 means fav */
function setSecCookie(sec, flag, isShow) {
	if (isShow) cn = "ShowSecBoards";
	else cn = "HideSecBoards";
	szCookieName = cn + "=";
	var szCookie = document.cookie;
	var iPos1 = szCookie.indexOf(szCookieName), iPos2 = 0;
	if (iPos1 >= 0)
	{
		iPos1 += szCookieName.length;
		iPos2 = szCookie.indexOf(';', iPos1);
		if (iPos2 == -1)
			iPos2 = szCookie.length;
		ssb = unescape(szCookie.substring(iPos1, iPos2));
		ssb = ssb.valueOf();
	} else {
		ssb = 0;
	}
	if (flag) {
		ssb = ssb | (1 << (sec+1));
	} else {
		ssb = ssb & ~(1 << (sec+1));
	}
	var expTime = new Date();
	expTime.setTime(expTime.getTime() + 604800 * 1000);
	document.cookie = szCookieName + escape(ssb) + '; Expires=' + expTime.toGMTString();
}

function loadBoardFollow(sec, isFav, isLoading, isHide, isFold){
	targetTip = getRawObject("followTip" + sec);
	if (isLoading){
		targetTip.style.display = '';
		str = "loadsec.php?sec=" + sec;
		if (isFav) str += "&fav=1";
		if (isFold) str += "&fold=1";
		window.frames["hiddenframe"].document.location.href = str;
		/* HTML 和 JS 元素的變化等待 loadsec.php 回調本函數，因為那個時候數據和狀態才真正到位 - atppp */
		return;
	} else {
		targetTip.style.display = 'none';
	}
	targetImg = getRawObject("followImg" + sec);
	targetDiv = getRawObject("followSpan" + sec);

	eval("boards = boards" + sec + ";");
	
	targetDiv.innerHTML = showSec(isFold, isFav, boards, sec, isHide);
	setSecCookie(isFav ? -1 : sec, isFold, true);
	setSecCookie(isFav ? -1 : sec, isHide, false);
	if (isHide || !isFold) {
		targetImg.src="pic/plus.gif";
		targetImg.title = "展開版面列表";
	} else {
		targetImg.src="pic/nofollow.gif";
		targetImg.title = "折疊版面列表";
	}
	eval("curfold" + sec + " = " + (isHide ? 0 : (isFold ? 2 : 1)) + ";");
	if (!isFav) {
		targetHide = getRawObject("toogleHide" + sec);
		targetHide.innerHTML = (isHide ? "展開" : "關閉") + "版面列表";
	}
}

function toogleHide(sec) {
	eval("foldflag = foldflag" + sec + ";");
	eval("curfold = curfold" + sec + ";");
	if (curfold == 0) {
		loadBoardFollow(sec, false, (foldflag == 0), false, false);
	} else {
		loadBoardFollow(sec, false, false, true, false);
	}
}

function loadSecFollow(sec) {
	eval("foldflag = foldflag" + sec + ";");
	eval("curfold = curfold" + sec + ";");
	if (curfold == 2) {
		loadBoardFollow(sec, false, false, false, false);
	} else {
		loadBoardFollow(sec, false, (foldflag <= curfold), false, (curfold == 1));
	}
}

function loadFavFollow() {
	eval("foldflag = foldflag" + j_select + ";");
	eval("curfold = curfold" + j_select + ";");
	if (curfold == 2) {
		loadBoardFollow(j_select, true, false, false, false);
	} else {
		loadBoardFollow(j_select, true, (foldflag == 1), false, true);
	}
}

function Board(isBoardGroup,isFavGroup,isUnread,boardName,boardDesc,lastID,lastTitle,lastOwner,lastPosttime,
               bm,todayNum,nArticles,nThreads,npos,bid,currentusers) {
	this.isBoardGroup = isBoardGroup;
	this.isFavGroup = isFavGroup;
	this.isUnread = isUnread;
	this.boardName = boardName;
	this.boardDesc = boardDesc;
	this.lastID = lastID;
	this.lastTitle = lastTitle;
	this.lastOwner = lastOwner;
	this.lastPosttime = lastPosttime;
	this.bm = bm;
	this.todayNum = todayNum;
	this.nArticles = nArticles;
	this.nThreads = nThreads;
	this.npos = npos;
	this.bid = bid;
	this.currentusers = currentusers;
}

function BoardS(isBoardGroup, isFavGroup, boardName, boardDesc, todayNum, nArticles, npos, bid, currentusers) {
	return new Board(isBoardGroup, isFavGroup, 0, boardName, boardDesc, 0,0,0,0,0,todayNum, nArticles, 0, npos, bid, currentusers);
}

function showSec(isFold, isFav, boards, secNum, isHide) {
	str = '<table cellspacing=1 cellpadding=0 align=center class=TableBorder1 style="width:100%">';
	if (isHide) {
		// str += '<TR><TD class=TableBody1>&nbsp;版面列表已關閉 [<a href="#" onclick="loadSecFollow('+secNum+')" title="展開版面列表">展開</a>]</td></tr>';
	} else if ((boards.length == 0)) {
		str += '<TR><TD class=TableBody1 align="center" height="25">尚無版面</td></tr>';
	} else {
		if (isFold) {
			for (i = 0; i < boards.length; i++)	{
				str += '<TR><TD align=middle width="100%" class=TableBody1>';
				str += '<table width="100%" cellspacing=0 cellpadding=0><TR><TD align=center width=46 class=TableBody1>';
				if (boards[i].isUnread) {
					str += "<img src=pic/forum_isnews.gif alt=有新文章>";
				} else {
					str += "<img src=pic/forum_nonews.gif alt=無新文章>";
				}
				str += '</TD><TD width=1 bgcolor=#7a437a></TD>';
				str += '<TD vAlign=top width=* class=TableBody1>';
				str += '<TABLE cellSpacing=0 cellPadding=2 width=100% border=0><tr><td class=TableBody1 width=*>';
				if (!boards[i].isFavGroup) {
					str += '<a href="board.php?name=' + boards[i].boardName + '"><font color=#000066>' + boards[i].boardDesc + '</font></a>';
				} else {
					str += '<a href="favboard.php?select=' + boards[i].bid + '"><font color=#000066>[目錄]' + boards[i].boardDesc + '</font></a>';
				}
				str += '</td><td width=40 rowspan=2 align=center class=TableBody1></td><td width=200 rowspan=2 class=TableBody1>';
				if (boards[i].isFavGroup || boards[i].isBoardGroup) {
					str += '<B>本版為二級目錄版</B>';
				} else if (boards[i].nArticles <= 0) {
					str += '<B>本版尚無文章</B>';
				} else {
 str += '主題：<a href="disparticle.php?boardName=' + boards[i].boardName + '&ID=' + boards[i].lastID + '">' + boards[i].lastTitle + ' &nbsp;</a><BR>回復：<a href="dispuser.php?id=' + boards[i].lastOwner + '" target=_blank>' + boards[i].lastOwner + ' </a><BR>日期：' + boards[i].lastPosttime + '&nbsp;<a href="disparticle.php?boardName=' + boards[i].boardName + '&ID=' + boards[i].lastID + '"><IMG border=0 src="pic/lastpost.gif" title="轉到：' + boards[i].lastTitle + ' "> </a>';
				}
				str += '</TD></TR><TR><TD width=*><FONT face=Arial><img src=pic/forum_readme.gif align=middle> ' + boards[i].boardName + '</FONT>';
				if (!boards[i].isBoardGroup && !boards[i].isFavGroup) {
					str += '&nbsp;&nbsp;[在線：' + boards[i].currentusers + ']';
				}
				str += '</TD></TR><TR><TD class=TableBody2 height=20 width=*>';
				if (!boards[i].isFavGroup && !boards[i].isBoardGroup) {
					str += '版主：' + (boards[i].bm == '' ? '暫無' : boards[i].bm);
				}
				str += ' </TD><td width=40 align=center class=TableBody2>&nbsp;</td><TD vAlign=middle class=TableBody2 width=200>';
				if (!boards[i].isFavGroup && !boards[i].isBoardGroup) {
					str += '<table width=100% border=0><tr><td width=25% vAlign=middle><img src=pic/forum_today.gif alt=今日帖 align=absmiddle>&nbsp;<font color=#FF0000>' + boards[i].todayNum + '</font></td><td width=30% vAlign=middle><img src=pic/forum_topic.gif alt=主題 border=0  align=absmiddle>&nbsp;' + boards[i].nThreads + '</td><td width=45% vAlign=middle><img src=pic/forum_post.gif alt=文章 border=0 align=absmiddle>&nbsp;' + boards[i].nArticles + '</td></tr></table>';
				}
				str += '</TD></TR></TBODY></TABLE></td>';
				str += '<TD width=1 bgcolor=#7a437a></TD><td class=TableBody1 align=center width=30>';
				if (!isFav) {
					str += '<a href="favboard.php?bname=' + boards[i].boardName + '" title="收藏本版面到收藏夾頂層目錄"><img border=0 src="pic/fav.gif"></a>';
				} else if (!boards[i].isFavGroup) {
					str += '<a href="favboard.php?select=' + j_select + '&delete=' + boards[i].npos + '" title="從收藏中刪除該版面"><img border=0 src="pic/del.gif"></a>';
				} else {
					str += '<a href="favboard.php?select=' + j_select + '&deldir=' + boards[i].npos + '" title="從收藏中刪除該目錄"><img border=0 src="pic/del.gif"></a>';
				}
				str += '</td></tr></table></td></tr>';
			}
		} else { //!isFold
			showed = 0;
			percent = 100 / siteconf_BOARDS_PER_ROW;
			for (i = 0; i < boards.length; i++)	{
				showed++;
				if (showed % siteconf_BOARDS_PER_ROW == 1) {
					str += "<tr>";
				}
				str += '<td class=TableBody1 width="'+percent+'%"><TABLE cellSpacing=2 cellPadding=2 width=100% border=0><tr><td width="100%" colspan=3>';

				if (!boards[i].isFavGroup) {
					str += '<a href="board.php?name=' + boards[i].boardName + '"><font color=#000066>' + boards[i].boardDesc;
					str += '&nbsp;[' + boards[i].boardName + ']</font></a>';
				} else {
					str += '<a href="favboard.php?select=' + boards[i].bid + '"><font color=#000066>[目錄]' + boards[i].boardDesc + '</font></a>';
				}
				str += '</td></tr><tr>';
				if (boards[i].isBoardGroup || boards[i].isFavGroup) {
					str += '<td> <b>本版為二級目錄版</b></td>';
				} else {
					str += '<td width="33%">今日：<font color=#FF0000>' + boards[i].todayNum + '</font></td><td width="34%">發貼：' + boards[i].nArticles + '</td><td width="33%">在線：';
					if (boards[i].currentusers > 0) str += '<font color=#FF0000>' + boards[i].currentusers + '</font>';
					else str += '0';
					str += '</td>';
				}
				str += '</tr></table></td>';
				if (showed % siteconf_BOARDS_PER_ROW == 0) {
					str += "</tr>";
				}
			}
			if (showed % siteconf_BOARDS_PER_ROW != 0) {
				str += '<td class=TableBody1 colspan="' + (siteconf_BOARDS_PER_ROW - showed % siteconf_BOARDS_PER_ROW) + '" width="' + (percent*(siteconf_BOARDS_PER_ROW - showed % siteconf_BOARDS_PER_ROW)) + '%"></td></tr>';
			}
		}
	}
	return str + '</table>';
}






/* 文章列表以及跟貼展開 */

function loadThreadFollow(t_id,b_name){
	var targetImg=getRawObject("followImg"+t_id);
	var targetDiv =getRawObject("follow" + t_id);

	if ("object"==typeof(targetImg)){
		if (targetDiv.style.display=='none'){
//			targetDiv.style.display="block";
			targetDiv.style.display="";

			targetImg.src="pic/nofollow.gif";
			window.frames["hiddenframe"].document.location.href="loadtree.php?bname="+b_name+"&ID="+t_id;
		}else{
			targetDiv.style.display="none";
			targetImg.src="pic/plus.gif";
		}
	}
}



function Post(id, owner, posttime, flags) {
	this.ID = id;
	this.OWNER = owner;
	this.POSTTIME = posttime;
	this.FLAGS = flags;
}

function writepost(unused_id, html_title, threadNum, origin, lastreply, origin_exists, has_attach) {
	/* note: when origin post does not exists, origin is actually the same as lastreply except
	 * groupID is different. See also www_generateOriginIndex() */
	//if (!origin_exists) return;
	document.write("<TR align=middle><TD class=TableBody2 width=32 height=27 align=\"center\">");
	if (article_is_zhiding(origin.FLAGS)) {
		document.write("<img src=\"pic/istop.gif\" alt=固頂的主題>");
	} else if( threadNum > 10 ) {
		document.write("<img src=\"pic/blue/hotfolder.gif\" alt=回復超過10貼>");
	} else if(article_is_noreply(origin.FLAGS)) {
		document.write("<img src=\"pic/blue/lockfolder.gif\" alt=鎖定的主題>");
	} else if(article_is_digest(origin.FLAGS)) {
		document.write("<img src=\"pic/isbest.gif\" alt=精華帖>");
	} else {
		document.write("<img src=\"pic/blue/folder.gif\" alt=開放主題>");
	}
	document.write("</TD><TD align=left class=TableBody1 width=* >");
	if (threadNum==0) {
		document.write('<img src="pic/nofollow.gif" id="followImg' + unused_id + '">');
	} else {
		document.write('<img loaded="no" src="pic/plus.gif" id="followImg' + origin.ID + '" style="cursor:hand;" onclick="loadThreadFollow(\'' + origin.ID +"','" + boardName + "')\" title=展開貼子列表>");
	}
/*	if (has_attach) {
		document.write('<img src="pic/havefolder.gif" align=absmiddle alt="有附件">');
	} 圖標不好看，暫時不 enable - atppp */
	if (origin_exists) {
		href_title = html_title + ' <br>作者：' + origin.OWNER + '<br>發表于' + origin.POSTTIME;
	} else {
		href_title = "原貼已刪除";
	}
	document.write('<a href="disparticle.php?boardName=' + boardName + '&ID=' + origin.ID + '" title="' + href_title + '">' + html_title + ' </a>');
	threadPages = Math.ceil((threadNum+1)/siteconf_THREADSPERPAGE);
	if (threadPages>1) {
		document.write("<b>[<img src=\"pic/multipage.gif\"> ");
		for (t=1; (t<7) && (t<=threadPages); t++) {
			document.write("<a href=\"disparticle.php?boardName=" + boardName + "&ID=" + origin.ID + "&start=" + ((t-1)*siteconf_THREADSPERPAGE) + "\">" + t + "</a> ");
		}
		if (threadPages>7) {
			if (threadPages>8) {
				document.write("...");
			}
			document.write("<a href=\"disparticle.php?boardName=" + boardName + "&ID=" + origin.ID + "&start=" + ((threadPages-1)*siteconf_THREADSPERPAGE) + "\">" + threadPages + "</a> ");
		}
		document.write(" ]</b>");
	}
	if (article_is_unread(lastreply.FLAGS)) {
		 //最后回復未讀那這個 thread 就未讀
		document.write("<img src=\"pic/topnew2.gif\" alt=\"未讀\">");
	}
	document.write("</TD>");
	document.write('<TD class=TableBody2 width=80 align="center">');
	if (origin_exists) {
		document.write('<a href="dispuser.php?id=' + origin.OWNER + '" target=_blank>' + origin.OWNER + '</a>');
	} else {
		document.write('原貼已刪除');
	}
	document.write('</TD>');
	document.write('<TD class=TableBody1 width=64 align="center">' + ((origin_exists?0:1)+threadNum) + '</TD>');
	document.write('<TD align=left class=TableBody2 width=200><nobr>&nbsp;<a href="disparticle.php?boardName=' + boardName + '&ID=' + origin.ID + '&start=' + threadNum + '">');
	document.write(lastreply.POSTTIME + '</a>&nbsp;<font color=#FF0000>|</font>&nbsp;<a href=dispuser.php?id=' + lastreply.OWNER + ' target=_blank>');
	document.write(lastreply.OWNER + '</nobr></a></TD></TR>');
	if (threadNum>0) {
		document.write('<tr style="display:none" id="follow' + origin.ID + '"><td colspan=5 id="followTd' + origin.ID + '" style="padding:0px"><div style="width:240px;margin-left:18px;border:1px solid black;background-color:lightyellow;color:black;padding:2px" onclick="loadThreadFollow(\'' + origin.ID + '\', \'' + boardName + '\')">正在讀取關于本主題的跟貼，請稍侯……</div></td></tr>');
	}
}