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

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

	t1Contents.innerHTML = contents1;
	t2Contents.innerHTML = contents2;
	t3Contents.innerHTML = contents3;
	t4Contents.innerHTML = contents4;
	t5Contents.innerHTML = contents5;

	init();
}

//sets the default display to tab 1
function initTabs(){
	tabContents.innerHTML = t1Contents.innerHTML;
}	

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


function changeTabs(newTab){

	tekst = "firstFlag=" + firstFlag;

	if(firstFlag == true){
		currentTab = t1;
		firstFlag = false;
		currentTab = document.getElementById("t1")
	}
		currentTab.className = "tab";
		
		currentTab.src = "../images/TabOff_" + currentTab.id + ".gif";
		document.getElementById("t1").src = "../images/TabOff_t1.gif";
		document.getElementById("t2").src = "../images/TabOff_t2.gif";
		document.getElementById("t3").src = "../images/TabOff_t3.gif";
		document.getElementById("t4").src = "../images/TabOff_t4.gif";
		document.getElementById("t5").src = "../images/TabOff_t5.gif";
		document.getElementById("t6").src = "../images/TabOff_t6.gif";
		
		currentTab = document.getElementById(newTab);
		
		currentTab.src = "../images/TabOn_" + newTab + ".gif";
		
		tabContentID = newTab + "Contents";

		tabContent = document.all(tabContentID);

		currentTab.className = "selTab";

		tabContents.innerHTML = tabContent.innerHTML;

}