var tab1 = document.getElementById("tab1");
var tab2 = document.getElementById("tab2");
var tab3 = document.getElementById("tab3");
var tab4 = document.getElementById("tab4");

var tab1Content = document.getElementById("tab1Content");
var tab2Content = document.getElementById("tab2Content");
var tab3Content = document.getElementById("tab3Content");
var tab4Content = document.getElementById("tab4Content");

tab1.onclick = function() {
    if(tab2Content.className == "displayTabContent" ||
	   tab3Content.className == "displayTabContent" ||
	   tab4Content.className == "displayTabContent") {
        tab2Content.className = "hideTabContent";
		tab3Content.className = "hideTabContent";
		tab4Content.className = "hideTabContent";
        tab1Content.className = "displayTabContent";
        tab2.className = "hideTab";
		tab3.className = "hideTab";
		tab4.className = "hideTab";
        tab1.className = "displayTab";
		return false;
    }
}

tab2.onclick = function() {
    if(tab1Content.className == "displayTabContent" ||
	   tab3Content.className == "displayTabContent" ||
	   tab4Content.className == "displayTabContent") {
        tab1Content.className = "hideTabContent";
		tab3Content.className = "hideTabContent";
		tab4Content.className = "hideTabContent";
        tab2Content.className = "displayTabContent";
        tab1.className = "hideTab";
		tab3.className = "hideTab";
		tab4.className = "hideTab";
        tab2.className = "displayTab";
		return false;
    }
}

tab3.onclick = function() {
    if(tab1Content.className == "displayTabContent" ||
	   tab2Content.className == "displayTabContent" ||
	   tab4Content.className == "displayTabContent") {
        tab1Content.className = "hideTabContent";
		tab2Content.className = "hideTabContent";
		tab4Content.className = "hideTabContent";
        tab3Content.className = "displayTabContent";
        tab1.className = "hideTab";
		tab2.className = "hideTab";
		tab4.className = "hideTab";
        tab3.className = "displayTab";
		return false;
    }
}

tab4.onclick = function() {
    if(tab1Content.className == "displayTabContent" ||
	   tab2Content.className == "displayTabContent" ||
	   tab3Content.className == "displayTabContent") {
        tab1Content.className = "hideTabContent";
		tab2Content.className = "hideTabContent";
		tab3Content.className = "hideTabContent";
        tab4Content.className = "displayTabContent";
        tab1.className = "hideTab";
		tab2.className = "hideTab";
		tab3.className = "hideTab";
        tab4.className = "displayTab";
		return false;
    }
}