function buildNewsList(strId, arrData, pageUnit, boolGoNext) {

	// confirm the list block is existed and init data
	var domRoot = document.getElementById(strId);
	if (!domRoot) return;
	if (!arrData || !arrData.length) arrData = [];
	pageUnit = pageUnit || 10;
	var itemLength = arrData.length;
	var pageCount = Math.floor(itemLength / pageUnit);

	var domList, domNav;
	if (!domRoot.list) {

		// initiation if the list block hasn't been initialized
		domRoot.list = domRoot.firstChild;
		domRoot.nav = domRoot.lastChild;
		domRoot.nav.firstChild.onclick = function() {
			this.blur();
			buildNewsList(strId, arrData, pageUnit, false);
			return false;
		};
		domRoot.nav.lastChild.onclick = function() {
			this.blur();
			buildNewsList(strId, arrData, pageUnit, true);
			return false;
		};
		var itemOffset = 0;
		domRoot.pageOffset = Math.floor(itemOffset / pageUnit);
	}
	else {

		// change pageOffset if the list block has been initialized
		var itemOffset = itemOffset + (boolGoNext ? 1 : -1) * pageUnit;
		domRoot.pageOffset = domRoot.pageOffset + (boolGoNext ? 1 : -1);
		if (domRoot.pageOffset < 0) {
			domRoot.pageOffset = 0;
		}
		if (domRoot.pageOffset >= pageCount) {
			domRoot.pageOffset = pageCount - 1;
		}
	}

	// build the list items
	domRoot.list.innerHTML = '';
	var itemOffset = domRoot.pageOffset * pageUnit;
	for (var i = 0; i < pageUnit; i++) {
		var temp = arrData[itemOffset + i];
		if (!temp) continue;
		var domItem = document.createElement('li');
		domRoot.list.appendChild(domItem);
		domItem.innerHTML = '<a href="' + temp[0] + '" title="' + temp[1] + '" target="_blank">' + temp[1] + '</a>';
	}
	if (domRoot.list.innerHTML == '')
		domRoot.list.innerHTML = '<li>数据载入失败！</li>';

	// update the mode of list navigator
	if (pageCount <= 1) {
		domRoot.nav.className = 'no-link';
	}
	else if (domRoot.pageOffset == 0) {
		domRoot.nav.className = 'next-link-only';
	}
	else if (domRoot.pageOffset == pageCount - 1) {
		domRoot.nav.className = 'prev-link-only';
	}
	else {
		domRoot.nav.className = '';
	}
}


function initQnaList(strId) {

	var domList = document.getElementById(strId);
	if (!domList) return;

	var length = domList.childNodes.length;
	for (var i = 0; i < length; i++) {

		var domItem = domList.childNodes[i];
		if (domItem && domItem.className == 'content-block') {

			domItem.domQuestion = domItem.firstChild;
			domItem.domAnswer = domItem.lastChild;
			domItem.domQuestion.boolExpanded = false;

			domItem.domQuestion.firstChild.onclick = function() {
				this.blur();
				this.parentNode.boolExpanded = !this.parentNode.boolExpanded;
				this.parentNode.parentNode.domAnswer.style.display = (this.parentNode.boolExpanded) ? 'block' : 'none';
				return false;
			};
		}
	}
}


function initFeatureSlide(strId) {

	// confirm the slide block is existed and init each feature-slide-preview elements
	var domRoot = document.getElementById('feature-slide-block');
	if (!domRoot) return;
	domRoot.list = [];
	var children = domRoot.childNodes;
	var offset = 0;
	for (var i in children) {
		var domItem = children[i];
		if (domItem && domItem.className == 'feature-slide-preview') {
			domRoot.list.push(domItem);
			domItem.offset = offset;
			offset++;
		}
	}

	// build the slide list items
	var domList = document.getElementById('feature-slide-list-items'); // domRoot.lastChild;
	if (!domList) return;
	domList.innerHTML = '';
	domList.items = [];
	for (var i = 0; i < domRoot.list.length; i++) {
		var temp = domRoot.list[i];
		var domItem = document.createElement('a');
		domList.appendChild(domItem);
		domItem.href = '#';
		domItem.onclick = function(){return false;}
		domList.items.push(domItem);
		domItem.offset = i;
	}

	// prev & next button events
	var domPreviousBtn = document.getElementById('feature-slide-list-previous');
	var domNextBtn = document.getElementById('feature-slide-list-next');
	domPreviousBtn.onclick = function(evt) {
		evt = evt || window.event;
		var target = evt.target || evt.srcElement;
		var offset = domList.current.offset;
		offset--;
		if (offset >= domList.items.length || offset < 0)
			offset = domList.items.length - 1;
		target.blur();
		doSlide(offset);
		return false;
	}
	domNextBtn.onclick = function(evt) {
		evt = evt || window.event;
		var target = evt.target || evt.srcElement;
		var offset = domList.current.offset;
		offset++;
		if (offset >= domList.items.length || offset < 0)
			offset = 0;
		target.blur();
		doSlide(offset);
		return false;
	}

	// init current slide
	domRoot.current = domRoot.list[0];
	domList.current = domList.items[0];
	domRoot.current.style.display = 'block';
	domList.current.className = 'current';
	
	
	function doSlide(offset, timeStamp) {
		if (
			timeStamp &&
			(
				domRoot.boolHover ||
				timeStamp != domRoot.timeStamp
			)
		) return;

		if (typeof(offset) != 'number') {
			// offset = Math.floor(Math.random() * domList.items.length);
			offset = domList.current.offset - (-1);
			if (offset >= domList.items.length || offset < 0)
				offset = 0;
		}
		domRoot.current.style.display = 'none';
		domList.current.className = '';
		domRoot.current = domRoot.list[offset];
		domList.current = domList.items[offset];
		domRoot.current.style.display = 'block';
		domList.current.className = 'current';

		if (domRoot.boolHover) return;

		var now = new Date();
		domRoot.timeStamp = now.valueOf();

		window.setTimeout(function() {
			doSlide(null, now.valueOf());
		}, 5000);
	}

	domList.onmouseover =
	domList.onclick = function (evt) {
		evt = evt || window.event;
		var target = evt.target || evt.srcElement;
		while (target && target != domList) {
			if (target.tagName.toLowerCase() == 'a') {
				target.blur();
				doSlide(target.offset);
				return false;
			}
			target = target.parentNode;
		}
	}
	
	domRoot.onmouseover =
	domRoot.onmousemove = function() {
		domRoot.boolHover = true;
	}
	
	domRoot.onmouseout = function(evt) {
		domRoot.boolHover = false;
		var now = new Date();
		domRoot.timeStamp = now.valueOf();
		window.setTimeout(function() {
			doSlide(null, now.valueOf());
		}, 5000);
	}
	
	// start sliding
	var now = new Date();
	domRoot.timeStamp = now.valueOf();
	window.setTimeout(function() {
		doSlide(null, now.valueOf());
	}, 5000);
}


function init() {
	var initMap = {
		'qna-body': function(){
			initQnaList('qna-list-block');
		},
		'awards-body': function(){
			buildNewsList('media-list-block', window.mediaData, 10);
		},
		'press-body': function(){
			buildNewsList('news-list-block', window.newsData, 10);
			buildNewsList('media-list-block', window.mediaData, 10);
		},
		'index-body': function(){
			initFeatureSlide();
			buildNewsList('news-list-block', window.newsData, 5);
			if (window.maxWebsite && maxWebsite.updateCounter)
				maxWebsite.updateCounter();
		}
	};
	var initKey = document.body.id;
	if (initKey && initMap[initKey])
		initMap[initKey]();
}


// runtime entrance here
window.onload = init;