function tabview_aux(TabViewId, id) 
{ 
  var TabView = document.getElementById(TabViewId); 
 
  var Tabs = TabView.firstChild; 
  while (Tabs.className != "Tabs" ) Tabs = Tabs.nextSibling; 
 
  var Tab = Tabs.firstChild; 
  var i   = 0; 
 
  do 
  { 
    if (Tab.tagName == "A") 
    { 
      i++; 
      Tab.href      = "javascript:tabview_switch('"+TabViewId+"', "+i+");"; 
      Tab.className = (i == id) ? "Active" : ""; 
      Tab.blur(); 
    } 
  } 
  while (Tab = Tab.nextSibling); 
 
  var Pages = TabView.firstChild; 
  while (Pages.className != 'Pages') Pages = Pages.nextSibling; 
 
  var Page = Pages.firstChild; 
  var i    = 0; 
 
  do 
  { 
    if (Page.className == 'Page') 
    { 
      i++; 
      if (Pages.offsetHeight) Page.style.height = (Pages.offsetHeight-2)+"px"; 
      Page.style.overflow = "auto"; 
      Page.style.display  = (i == id) ? 'block' : 'none'; 
    } 
  } 
  while (Page = Page.nextSibling); 
} 
 
function tabview_switch(TabViewId, id) { tabview_aux(TabViewId, id); } 
 
function tabview_initialize(TabViewId) { tabview_aux(TabViewId,  1); }