var defaultsubmenu = "web";
	var activesubmenu  = "web";
	var activetab      = "webp";
	var defaulttab     = "webp";
	var menuhidetimer = null;
	var hideflag = 0;
	var s = "";

	function showsubmenu (tid, sid) {
		var offsetobj = document.getElementById(tid);
		var offsetleft = 0;
		var offsettop = 0;
		var tabheight = offsetobj.offsetHeight;

		document.getElementById(activetab).className = 'navselected';
		document.getElementById(tid).className = 'navselected';
		document.getElementById(activesubmenu).style.display='none';

		while (offsetobj) {
			offsettop += offsetobj.offsetTop;
			offsetleft += offsetobj.offsetLeft;
			offsetobj = offsetobj.offsetParent;

		}

		offsettop += tabheight;
		sidobj = document.getElementById(sid);
//alert(offsettop + " " + offsetleft);
		sidobj.style.left = offsetleft + "px";
		sidobj.style.top = (offsettop + 5) + "px";
		sidobj.style.display='block';
		activesubmenu = sid;
		activetab = tid;
		canceltimer();
	}

	function hidesubmenu() {
		document.getElementById(activetab).className = 'navoff';
		
		document.getElementById(activesubmenu).style.display='none';
		activesubmenu = defaultsubmenu;
		activetab = defaulttab;
	}

	// setup a timer for delayed hiding of submenu
	function delayedhide()
	{
		menuhidetimer = window.setTimeout(hidesubmenu, 300);
	}
	// cancel hide timer
	function canceltimer()
	{
		if(menuhidetimer)
		{
			window.clearTimeout(menuhidetimer);
			menuhidetimer = null;
		}
	}