window.onresize = noNav;
var daNav=null;
var daLink=null;

var secs;
var timerID = null;
var timerRunning = false;
var delay = 1000;

function InitializeTimer()
{
    secs = 6;
    StopTheClock();
    StartTheTimer();
}
function StopTheClock()
{
    if(timerRunning)
        clearTimeout(timerID);
    timerRunning = false;
}
function StartTheTimer()
{
    if (secs==0)
    {
        StopTheClock();
        noNav();
    }
    else
    {
        secs = secs - 1;
        timerRunning = true;
        timerID = self.setTimeout("StartTheTimer()", delay);
    }
}

function noNav() {
	StopTheClock();
	if (daNav == null) {
	} else {
	document.getElementById(daNav).style.display = 'none';
	}
}
document.onclick = function(e) {
	if(daNav!=null) {
		if (!e && event) e = event;
		if ( !e.target && e.srcElement ) {e.target = e.srcElement;}
		if ((e.target.id.indexOf(daNav)==-1)&&(e.target.id!=daLink)) {
		document.getElementById(daNav).style.display = 'none';
		}
	}
}
function zePos(obj){
	var zeLoc=topLoc=0;
	if(obj.offsetParent){
		zeLoc=obj.offsetLeft;topLoc=obj.offsetTop;
		while(obj=obj.offsetParent){zeLoc+=obj.offsetLeft;topLoc+=obj.offsetTop;}
	}
	return [zeLoc,topLoc];
}
function shoNav(navVar,linkVar){
	noNav();
	InitializeTimer();
	daNav=navVar;
	daLink=linkVar;
	var pos=zePos(document.getElementById(linkVar));
	var pop=document.getElementById(navVar);
	if (navVar == "contactNav") {
		pop.style.left=(pos[0]-50)+"px";
	} else {
		pop.style.left=(pos[0]+0)+"px";
	}
	pop.style.top=(pos[1]+30)+"px";
	pop.style.display="block";
}