window.onload = function(){
	createTab();
/*	hideHeading(); */
	showCategory('idIc');
	showCategory2('bannerIc');
	setTabClick('icNav','idIc','bannerIc');
	setTabClick('microNav','idMicro','bannerMicro');
};

function hide(elementId) {
	document.getElementById(elementId).style.display = "none";
}
function show(elementId) {
	document.getElementById(elementId).style.display = "block";
}
/* function hideHeading() { */
/*	hide('aboutHeading');
	hide('activityHeading');
	hide('newsHeading'); */
/* } */
function showCategory(categoryName){
	hide('idIc');
	hide('idMicro'); 
	show(categoryName);
	changeTab(categoryName);
}
function showCategory2(categoryName2){
	hide('bannerIc'); 
	hide('bannerMicro'); 
	show(categoryName2);
}
function createTab() {
	var leftContents = document.getElementById("leftContents");
	var linkContents = document.getElementById("linkContents");
	var tabBtn = document.createElement("ul");
	tabBtn.setAttribute('id','tabBtn');
	tabBtn.appendChild(createListItem('icNav','#ic','.'));
	tabBtn.appendChild(createListItem('microNav','#micro','.'));
	leftContents.insertBefore(tabBtn,linkContents);
}
function createListItem(id,href,text) {
	var li = document.createElement("li");
	var a = document.createElement("a");
	var t = document.createTextNode(text);
	li.setAttribute('id',id);
	a.setAttribute('href',href);
	a.appendChild(t);
	li.appendChild(a);
	return li;
}
function setTabClick(listName,categoryName,categoryName2) {
	var e = document.getElementById(listName).getElementsByTagName('a')[0];
	e.onclick = function(){
		showCategory(categoryName);
		showCategory2(categoryName2);
		return false;
	}
}
function changeTab(categoryName){
	var e = document.getElementById('tabBtn');
	e.className = categoryName;
}