// JavaScript Document

function showTab()
{
	document.getElementById("addGuestBook").style.display = "block";
}
function showProgCommentTab()
{
	document.getElementById("ctl00_ContentPlaceHolder1_ctl00_addComment").style.display = "block";
}

function showTab2()
{
	document.getElementById("addThani").style.display = "block";
}



function hideTab()
{
	document.getElementById("addGuestBook").style.display = "none";
}



function hideTab2()
{
	document.getElementById("addThani").style.display = "none";
}

function hideProgCommentTab()
{
	document.getElementById("ctl00_ContentPlaceHolder1_ctl00_addComment").style.display = "none";
}
///////////////////////// Tab ////////////////////////////



function showMenuTab(id){
	document.getElementById("tab_1").style.display = "none";
	document.getElementById("tab_2").style.display = "none";
	document.getElementById("tab_3").style.display = "none";
	document.getElementById("tab_4").style.display = "none";
	document.getElementById("tab_" + id).style.display = "block";
}

function changeImg(tab){
	switch (tab)
	{
		case "tab_1":
		document.getElementById("img_1_active").style.display = "block";
		document.getElementById("img_1_inactive").style.display = "none";
		document.getElementById("img_2_active").style.display = "none";
		document.getElementById("img_2_inactive").style.display = "block";
		document.getElementById("img_3_active").style.display = "none";
		document.getElementById("img_3_inactive").style.display = "block";
		document.getElementById("img_4_active").style.display = "none";
		document.getElementById("img_4_inactive").style.display = "block";
		break;
		case "tab_2":
		document.getElementById("img_1_active").style.display = "none";
		document.getElementById("img_1_inactive").style.display = "block";
		document.getElementById("img_2_active").style.display = "block";
		document.getElementById("img_2_inactive").style.display = "none";
		document.getElementById("img_3_active").style.display = "none";
		document.getElementById("img_3_inactive").style.display = "block";
		document.getElementById("img_4_active").style.display = "none";
		document.getElementById("img_4_inactive").style.display = "block";
		break;
		case "tab_3":
		document.getElementById("img_1_active").style.display = "none";
		document.getElementById("img_1_inactive").style.display = "block";
		document.getElementById("img_2_active").style.display = "none";
		document.getElementById("img_2_inactive").style.display = "block";
		document.getElementById("img_3_active").style.display = "block";
		document.getElementById("img_3_inactive").style.display = "none";
		document.getElementById("img_4_active").style.display = "none";
		document.getElementById("img_4_inactive").style.display = "block";
		break;
		case "tab_4":
		document.getElementById("img_1_active").style.display = "none";
		document.getElementById("img_1_inactive").style.display = "block";
		document.getElementById("img_2_active").style.display = "none";
		document.getElementById("img_2_inactive").style.display = "block";
		document.getElementById("img_3_active").style.display = "none";
		document.getElementById("img_3_inactive").style.display = "block";
		document.getElementById("img_4_active").style.display = "block";
		document.getElementById("img_4_inactive").style.display = "none";
		break;
	}
}






///////////////////////// Tab Services ////////////////////////////

function showMenuTab2(id){
	document.getElementById("tab_5").style.display = "none";
	document.getElementById("tab_6").style.display = "none";
	document.getElementById("tab_" + id).style.display = "block";
}

function changeImg2(tab){
	switch (tab)
	{
		case "tab_5":
		document.getElementById("img_5_active").style.display = "block";
		document.getElementById("img_5_inactive").style.display = "none";
		document.getElementById("img_6_active").style.display = "none";
		document.getElementById("img_6_inactive").style.display = "block";
		break;
		case "tab_6":
		document.getElementById("img_6_active").style.display = "block";
		document.getElementById("img_6_inactive").style.display = "none";
		document.getElementById("img_5_active").style.display = "none";
		document.getElementById("img_5_inactive").style.display = "block";
		break;
	}
}