// JavaScript Document
function Init(tabNumber) {
	for (i = 1; i <= tabNumber; i++)
	{
		var tabHeadId = "tabHead_" + i;
		var tabHeadDiv = document.getElementById(tabHeadId);
		tabHeadDiv.setAttribute("onclick", "SelectTab(" + i + ", " + tabNumber + ")");
	}
	SelectTab(1, tabNumber);
}
function SelectTab(selectedTabNumber, tabNumber) {
	for (i = 1; i <= tabNumber; i++)
	{
		// Head
		var tabHeadId = "tabHead_" + i;
		var tabHeadDiv = document.getElementById(tabHeadId);
		if (i == selectedTabNumber)
		{
			tabHeadDiv.className = "selectedHead";
		}
		else
		{
			tabHeadDiv.className = "normalHead";
		}
		
		//Body
		var tabBodyId = "tabBody_" + i;
		var tabBodyDiv = document.getElementById(tabBodyId);
		if (i == selectedTabNumber)
		{
			tabBodyDiv.className = "selectedBody";
		}
		else
		{
			tabBodyDiv.className = "normalBody";
		}
	}	
}