var disappeardelay = 500;
var delayhide;
var timer;



function subnav(o) {
	if (timer) clearTimeout(timer);
	timer = setTimeout(function(){

		var obj = document.getElementById('hpSubNav');
		var curobj = o;
		var obj2 = document.getElementById('wrapper');
		
		var temp = getposOffset(curobj, "top");
		//var temp2 = getposOffset(obj2, "left");
		temp2 = 458;
						
		obj.style.display = "block";
		obj.style.top = temp + "px";	
		obj.style.left = temp2 + "px";
		
	}, 500);
}

function delayhidecallout(){ clearTimeout(timer); delayhide=setTimeout(function(){hidecallout();},disappeardelay); }
function hidecallout(){ document.getElementById('hpSubNav').style.display = "none";	}
function clearhidecallout(){ if ( typeof delayhide != "undefined" ) clearTimeout(delayhide); }
function getposOffset(overlay, offsettype){
	var totaloffset=(offsettype=="left")? overlay.offsetLeft : overlay.offsetTop;
	var parentEl=overlay.offsetParent;
	while (parentEl!=null){
		totaloffset=(offsettype=="left")? totaloffset+parentEl.offsetLeft : totaloffset+parentEl.offsetTop;
		parentEl=parentEl.offsetParent;
	}
	return totaloffset;
}