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;


function showPU(){
  isActive = true;
  document.getElementById("subPU").style.visibility="visible";
}

function hidePU(){
  isActive = false;
  setTimeout('hidePop()',1000);
}

function hidePop(){
  if(!isActive){
    document.getElementById("subPU").style.visibility = "hidden";
  }
}