var allPageTags = new Array(); 
var allClasses = new Array();
var eachTotalPage = new Array();
var selectPageInfoContent = '';
itemEachPage = 20;
thisPage=0; 

function docContent(obj)
{
	if (obj != "") 
	{
		if(document.getElementById)
		{
			var el = document.getElementById(obj);
			var ar = document.getElementById("divQs").getElementsByTagName("div");
			for (var i=0; i<ar.length; i++)
			{
				if (ar[i].className=="year")
				ar[i].style.display = "none";
			}
			el.style.display = "block";
		}
	}
}

function selectYear(year,page)
{
	showPage(year,1);
	docContent(year);
}

function getElementByIdAndClass(id,theClass) 
{
	var classArray = new Array(); 
	var allPageTags=document.getElementById(id).getElementsByTagName("div");
	j=0;
	for (i=0; i<allPageTags.length; i++) 
	{
		if (allPageTags[i].className==theClass) 
		{
			classArray[j]=allPageTags[i];
			j++;
		}
	}
	return classArray;
} 

function countTotalPage(totalItem)
{
	totalPage=parseInt((totalItem+itemEachPage-1)/(itemEachPage));
	return totalPage;
}

function showPage(year,pageNum)
{
	if(pageNum!='')
	{
		pageNum=parseInt(pageNum);
		hideAllItem(year);
		thisPage=pageNum;
		showItem(year,(pageNum*itemEachPage)-itemEachPage);
		selectPageInfo(year,pageNum);
	}
}

function hideAllItem(year)
{
	for (i=0; i<allClasses[year].length; i++) 
	{
		allClasses[year][i].style.display='none';
	}
}

function showItem(year,startItemNum)
{
	endItemNum =startItemNum+itemEachPage;
	if (endItemNum > allClasses[year].length)
	{
		endItemNum = allClasses[year].length;
	}
	for (i=startItemNum;i<endItemNum;i++)
	{
		allClasses[year][i].style.display='block';
	}
}

function selectPageInfo(year,pageNum)
{
	selectPageInfoContent = '<p><table width="100%" cellpadding="0" cellspacing="0"><tr><td><span style="font-size:12px">Total: ';
	selectPageInfoContent += allClasses[year].length;
	selectPageInfoContent += ' items, ';
	selectPageInfoContent += eachTotalPage[year];
	selectPageInfoContent += ' pages (';
	selectPageInfoContent += itemEachPage;
	selectPageInfoContent += ' items/page)</span></td>';
	selectPageInfoContent += '<td align="right"><table cellpadding="0" cellspacing="0"><tr><td><span style="font-size:12px">page: </span>';
	selectPageInfoContent += '<select id="pagePullDown" onChange="showPage('+year+',this.value);">';
	for (i=0;i<eachTotalPage[year];i++)
	{
		selectPageInfoContent += '<option value="'+(i+1)+'">'+(i+1)+'</option>';
	}
	selectPageInfoContent += '</select></td>';
	if(pageNum!=1)
	{
		selectPageInfoContent += '<td><a href="javascript:showPage('+year+',1);"><img src="http://www.csci.com.hk/cscec/images/firstpage.gif" border="0" style="margin-left:5px"></a></td>';
		selectPageInfoContent += '<td><a href="javascript:showPage('+year+','+pageNum+'-1);"><img src="http://www.csci.com.hk/cscec/images/prepage.gif" border="0" style="margin-left:5px"></a></td>';
	}
	if(pageNum!=eachTotalPage[year])
	{
		selectPageInfoContent += '<td><a href="javascript:showPage('+year+','+pageNum+'+1);"><img src="http://www.csci.com.hk/cscec/images/nextpage.gif" border="0" style="margin-left:5px"></a></td>';
		selectPageInfoContent += '<td><a href="javascript:showPage('+year+',eachTotalPage['+year+']);"><img src="http://www.csci.com.hk/cscec/images/lastpage.gif" border="0" style="margin-left:5px"></a></td>';
	}
	selectPageInfoContent += '</tr></table></td></tr></table></p>';
	document.getElementById('pageSelect').innerHTML = selectPageInfoContent;
	
	document.getElementById('pagePullDown').selectedIndex = pageNum-1;
}

document.write('<style>');
document.write('.year {');
document.write('	display: none;');
document.write('}');
document.write('');
document.write('.ann_div');
document.write('{');
document.write('	display:none;');
document.write('	margin-bottom:3px;');
document.write('}');
document.write('</style>');

[an error occurred while processing this directive]