function tabview_aux( TabViewId, id )
{
//  console.log( "tabview_aux, id: " + id );
  var TabView = document.getElementById(TabViewId);

  // ----- Tabs -----

 if( TabView && TabView.firstChild )
 {
  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);

  // ----- Pages -----

  var Pages = TabView.firstChild;
  while (Pages.className != 'Pages') Pages = Pages.nextSibling;

  var Page = Pages.firstChild;
  var i    = 0;

  
  do
  {
    if (Page.className == 'Page')
    {
      	i++;

        Page.style.height = ( document.body.clientHeight - 267 ) + "px";
      	Page.style.overflow = "auto";
      	Page.style.display  = (i == id) ? 'block' : 'none';
    }
  }
  while (Page = Page.nextSibling);
  }
 
  var subnavObj  = document.getElementById("subnav");
  if( subnavObj )
  {
	 subnavObj.style.height = ( document.body.clientHeight - 255 ) + "px";
	 subnavObj.style.overflow = "hidden";
  }
  
  var pagerightObj  = document.getElementById("PagesRight");
  if( pagerightObj )
  {
	 pagerightObj.style.height = ( document.body.clientHeight - 255 ) + "px";
	 pagerightObj.style.overflow = "hidden";
  }
  
  var pagerightObj  = document.getElementById("PagesRightImages");
  if( pagerightObj )
  {
	 pagerightObj.style.height = ( document.body.clientHeight - 251 ) + "px";
	 pagerightObj.style.overflow = "hidden";
  }
  
}

// ----- Functions -------------------------------------------------------------

function tabview_switch(TabViewId, id) { tabview_aux(TabViewId, id); }

function tabview_initialize(TabViewId) { tabview_aux(TabViewId,  1); }

function tabview_active( TabViewId )
{
	var activeTab = "";
	var TabView = document.getElementById(TabViewId);

	if( TabView && TabView.firstChild )
 	{
  		var Tabs = TabView.firstChild;
  		while( Tabs.className != "Tabs" )
  			Tabs = Tabs.nextSibling;

		// found our Tabs div, select first tab
		var Tab = Tabs.firstChild;
		var i   = 0;

		do
		{
			if( Tab.tagName == "A" )
			{
 				i++;
				
				if( Tab.className == "Active" )
					activeTab = "" + i;		
			}
		}
		while (Tab = Tab.nextSibling);
	}
	return( activeTab );
}