
var HotContainer = document.getElementById("HotContainer");
var ChannelContainer = document.getElementById("ChannelContainer");
var ForumContainer =  document.getElementById("bbsContainer");

function Init_Show()
{	
	PushHotChannel();
	PushOtherChannel();
	PushForumData();
}

function PushHotChannel()
{
	var type = ChannelData[0].type;
	var strHtml = '<h5 class="red">'+type+'</h5><p>';	
	var DataArr = ChannelData[0].data;
	for(var i=0;i<DataArr.length;i++){
		//DataMap.put(DataArr[i][0],DataArr[i][1]);//key value
		if(i == DataArr.length-1){
			strHtml += '<a href="#" channel="'+DataArr[i][0]+'">'+DataArr[i][1]+'</a>';	
		}
		else{
			strHtml += '<a href="#" channel="'+DataArr[i][0]+'">'+DataArr[i][1]+'</a><span>|</span>';	
		}
	}
	strHtml += "</p>"
	HotContainer.innerHTML = strHtml;	
}

function PushOtherChannel()
{
	var strHtml = "";
	var type = "";
	var DataArr = new Array();	
	for(var i=1;i<ChannelData.length;i++)
	{
		type = ChannelData[i].type;
		strHtml += '<b class="red">'+type+'</b><p>';
		DataArr = ChannelData[i].data;
		for(var j=0;j<DataArr.length;j++){
			//DataMap.put(DataArr[j][0],DataArr[j][1]);//key value
			if(j == DataArr.length-1){
				strHtml += '<a href="#" channel="'+DataArr[j][0]+'">'+DataArr[j][1]+'</a>';	
			}
			else{
				strHtml += '<a href="#" channel="'+DataArr[j][0]+'">'+DataArr[j][1]+'</a><span>|</span>';
			}
		}
	}
	strHtml += '</p>';
	ChannelContainer.innerHTML = strHtml;
	
}

function PushForumData()
{
	var strHtml = "";
	var type = "";
	var DataArr = new Array();	
	for(var i=0;i<ForumData.length;i++)
	{
		type = ForumData[i].type;
		strHtml += '<b class="red">'+type+'</b><p>';
		DataArr = ForumData[i].data;
		for(var j=0;j<DataArr.length;j++){
			//DataMap.put(DataArr[j][0],DataArr[j][1]);//key value
			if(j == DataArr.length-1){
				strHtml += '<a href="#" channel="'+DataArr[j][0]+'" name="bbs">'+DataArr[j][1]+'</a>';	
			}
			else{
				strHtml += '<a href="#" channel="'+DataArr[j][0]+'" name="bbs">'+DataArr[j][1]+'</a><span>|</span>';
			}
		}
	}
	strHtml += '</p>';
	ForumContainer.innerHTML = strHtml;
}

Init_Show();