if(window.attachEvent) 
	window.attachEvent("onload", init);
else
	window.addEventListener("load", init, false);

	//a public function that the container uses to pass in values for the labels
function public_Labels(label1, label2, label3, label4){
	
	document.getElementById("t1").innerText = label1;
	document.getElementById("t2").innerText = label2;
	document.getElementById("t3").innerText = label3;
	document.getElementById("t4").innerText = label4;
}

//a public function that the container uses to pass in values for the card containers
function public_Contents(contents1, contents2, contents3, contents4){

	document.getElementById("t1Contents").innerHTML = contents1;
	document.getElementById("t2Contents").innerHTML = contents2;
	document.getElementById("t3Contents").innerHTML = contents3;
	document.getElementById("t3Contents").innerHTML = contents3;

	init();
}

//sets the default display to tab 1
function init(){
	document.getElementById("tabContents").innerHTML =document.getElementById("t1Contents").innerHTML;
}

//this is the tab switching function
var currentTab;
var tabBase;
var firstFlag = true;


function changeTabs(evt){
	if(window.event) { 
		evt=window.event;
		evt.target = window.event.srcElement;
	}

	if(firstFlag == true)
	{
		currentTab = document.getElementById("t1");
		tabBase = document.getElementById("t1base");
		firstFlag = false;
	}

	if(evt.target.className == "tab"){
		
		currentTab.className = "tab";

		tabBase.style.backgroundColor = "";

		currentTab = evt.target;

		tabBaseID = currentTab.id + "base";

		tabContentID = currentTab.id + "Contents";

		tabBase = document.getElementById(tabBaseID);

		tabContent = document.getElementById(tabContentID);

		currentTab.className = "selTab";
		
		tabBase.style.backgroundColor = "";

		document.getElementById("tabContents").innerHTML = tabContent.innerHTML;
	}
}