// JavaScript Document

function getElement(name)
{
  return document.getElementById(name);
}

function getWidth(name)
{
  return getElement(name).offsetWidth;
}

function getHeight(name)
{
  return getElement(name).offsetHeight;
}

function getLeft(name)
{
  return getElement(name).offsetLeft;
}

function showTabMenu(indexSubMenu)
{
  getElement('submenu' + indexSubMenu).style.display = 'block';

  if ((indexSubMenu ==1) || (indexSubMenu ==2) || (indexSubMenu ==3) || (indexSubMenu ==5)  || (indexSubMenu ==7) || (indexSubMenu ==8) || (indexSubMenu ==9) ) 
  {
   getElement('menubutton' + indexSubMenu).style.backgroundImage = 'url(images/common_bg_menu_main_active.gif)';
   getElement('menubutton' + indexSubMenu).style.backgroundRepeat = 'repeat-x';
   getElement('menubutton' + indexSubMenu).style.color = '#000000';
  }
  else getElement('menubutton' + indexSubMenu).style.cursor = 'default';

  reposition(indexSubMenu);
}

function hideTabMenu(indexSubMenu)
{
  getElement('submenu' + indexSubMenu).style.display = 'none';
  getElement('menubutton' + indexSubMenu).style.backgroundImage = 'none';
  getElement('menubutton' + indexSubMenu).style.color = '#FFFFFF';
}

function reposition(indexSubMenu)
{
  if (getWidth('submenu' + indexSubMenu) > 0)
    if (getWidth('menubutton' + indexSubMenu) > getWidth('submenu' + indexSubMenu))
      getElement('submenu' + indexSubMenu).style.width = getWidth('menubutton' + indexSubMenu) + 'px';
 getElement('submenu' + indexSubMenu).style.left = getLeft('menubutton' + indexSubMenu) + getLeft('border_bottom') + getLeft('main_menu') + getLeft('menu_column') + 2 + 'px';

}

function ShowTab(aIndex, aName, aTabsCount)
{
  for (var i=0; i < aTabsCount; i++)
  {
    if (i==aIndex) 
     getElement(aName + '_tab_' + i).style.display = 'block';
    else
     getElement(aName + '_tab_' + i).style.display = 'none';
  }
}