﻿var timestart = 500;
var timeout = 500;
var tabclosetimer = 0;
var tabitem = 0;
var tabheader = 0;

// open hidden layer
function tabopen(id)
{   
      // cancel close timer
      tabcancelclose();

      // close old layer
      if(tabitem) tabitem.style.visibility = 'hidden';
	  if(tabheader) tabheader.className = 'fullTab';
	  
      // get new layer and show it
      tabitem = document.getElementById(id);
      tabitem.style.visibility = 'visible';
	  tabheader = document.getElementById(id + 'TB');
	  tabheader.className = 'highTab';
}
// close showed layer
function closetab()
{
      if(tabitem) tabitem.style.visibility = 'hidden';
	  if(tabheader) tabheader.className = 'fullTab';
}
// go close timer
function tabclose()
{
      tabclosetimer = window.setTimeout(closetab, timeout);
}
// cancel close timer
function tabcancelclose()
{
      if(tabclosetimer)
      {
            window.clearTimeout(tabclosetimer);
            tabclosetimer = null;
      }
}
// close layer when click-out
document.onclick = closetab; 
var isActive = false;
