tabPanelArray = new Array(4);
tabMenuArray = new Array(4);
currentMenuIndex = 0;

function bodyOnLoad()
   {
   tabPanelArray[0] = getItemObj('tabPane0');
   tabPanelArray[1] = getItemObj('tabPane1');
   tabPanelArray[2] = getItemObj('tabPane2');
   tabPanelArray[3] = getItemObj('tabPane3');

   tabMenuArray[0] = getItemObj('tabMenu0');
   tabMenuArray[1] = getItemObj('tabMenu1');
   tabMenuArray[2] = getItemObj('tabMenu2');
   tabMenuArray[3] = getItemObj('tabMenu3');

   raisePanel ( currentMenuIndex );
   }


function getItemObj ( itemId )
   {
   obj = document.getElementById(itemId);

   if ( obj == null ) alert('Script Error: id='+itemId+' does not exist');

   return obj;
   }



function raisePanel ( panelIndex )
   {
   for (index=0; index<4; index++ )
      {
    
      if (index == panelIndex )
         {
         raiseObject (tabPanelArray[index], 4);
         tabMenuArray[index].className = 'tabMenuActive';
         }
      else
         {
         raiseObject (tabPanelArray[index], 2);
         tabMenuArray[index].className = 'tabMenu';
         }
      }

   currentMenuIndex=panelIndex;

   return true;
   }


function raiseObject ( target, level )
   {
   
   safeMargin = 350;
  
   obj = getItemObj('tabFiller');

   newWidth = obj.offsetWidth - safeMargin;
   if ( newWidth < safeMargin ) newWidth = safeMargin;
   target.style.width = newWidth+'px';

   newHeight =obj.offsetHeight - safeMargin;
   if ( newHeight < safeMargin ) newHeight = safeMargin;
   target.style.height = newHeight+'px';

 
   target.style.zIndex=level;
   }


function mouseOut ( menuIndex )
   {
   if ( menuIndex == currentMenuIndex ) return true;

   tabMenuArray[menuIndex].className = 'tabMenu';
   }


function mouseOver ( menuIndex )
   {
   if ( menuIndex == currentMenuIndex ) return true;

   tabMenuArray[menuIndex].className = 'tabMenuOver';
   }