JavaScript Frameworks - Beginning JavaScript - page 564

function handleEvent(event)
{
var el = event.element();
if (event.type == “mouseover” || event.type == “mouseout”)
{
if (el.hasClassName(“tabStrip-tab”) &&
!el.hasClassName(“tabStrip-tab-click”))
{
el.toggleClassName(“tabStrip-tab-hover”);
}
}
if (event.type == “click”)
{
if (el.hasClassName(“tabStrip-tab-hover”))
{
var id = el.id;
var num = id.substr(id.lastIndexOf(“-”) + 1);
if (currentNum != num)
{
deactivateTab();
el.toggleClassName(“tabStrip-tab-hover”)
.toggleClassName(“tabStrip-tab-click”);
showDescription(num);
currentNum = num;
}
}
}
}
function showDescription(num)
{
var attributes = new Object();
attributes.id = “tabStrip-desc-” + num;
var div = new Element(“div”, attributes)
.update(“Description for tab “ + num);
$(“descContainer”).update(div);
}
function deactivateTab()
{
var currentTab = $(“tabStrip-tab-”+ currentNum);
if (currentTab)
{
currentTab.toggleClassName(“tabStrip-tab-click”);
}