Hide/Show layers или Закладки

[Rezet]

Привет, хочу на странице сайта реализовать переключение между "закладками" без перехода на новую страницу:

|__news__| champ |__air___|___team__|

champ content

На моём мега рисунке открыта закладка champ

Нашёл подходящий скрипт, всё работает отлично, но только вот я хочу, чтобы после открытия определённой "закладки" (Например champ) её стиль менялся на заданый(Тоесть ссылка после открытия закладки получала новый стиль), ну и понятно, что если я открываю другую закладку(Например team), стиль кнопки для открытия закладки champ возвращался на первичный.

Вот код:

<script type="text/javascript">
function hide()
{
  for(i=0; i<hide.arguments.length; i++)
  {
     document.getElementById(hide.arguments[i]).style.display = 'none';
  }
}

function show(id)
{
  hide('news', 'champ', 'air', 'team');
  document.getElementById(id).style.display = 'block';
}
</script>

Кнопки закладок, к которым и нужно добавить стиль при открытой закладке, выглядят так:

<a href="#news" onclick="show('news')">[News]</a>

Помогите, пожалуйста, совсем не шарю в javascript!

То что я хочу реализовано на сайте битрикса

Там используется такой скрипт:

function SetActiveTab(tab)
{
	var listElement = tab.parentNode.parentNode;
	var arTabs = listElement.getElementsByTagName("LI");

	//Hide
	for (var i = 0; i < arTabs.length; i++)
	{
		arTabs[i].className = "";
		var tabBody = document.getElementById(arTabs[i].id + "-body");
		if (tabBody)
			tabBody.style.display = "none";
	}

	//Show
	var tabBody = document.getElementById(tab.parentNode.id + "-body");
	if (tabBody)
	{
		tab.parentNode.className = "active";
		tab.blur();
		tabBody.style.display = "block";
	}
}

Edited January 21, 2009 by Rezet

[Rezet]

Ну что-то никто не помогает)

В итоге нашёл вот такую вещь http://www.artlebedev.ru/tools/technogrette/js/tabsheets/