var siteNav, navArrow, timer, arrowName='arrow';
window.onload = initPage;

function initPage() {
 siteNav = document.getElementById('sitenavspc');
 navArrow = document.getElementById('navArrow');
}

function toggleSiteNav() {
	if(arrowName=='arrow') showSiteNav();
	else hideSiteNav();
}

function showSiteNav() {
	siteNav.style.display = 'block';
	arrowName = 'arrow_close';
	navArrow.src = '/images/headers/insection/nav_' + arrowName + '.gif';
}

function hideSiteNav() {
	arrowName = 'arrow';
	navArrow.src = '/images/headers/insection/nav_' + arrowName + '.gif';
	siteNav.style.display = 'none';
}

function arrowOn() {
	navArrow.src = '/images/headers/insection/nav_' + arrowName + '_on.gif';
}

function arrowOff() {
	navArrow.src = '/images/headers/insection/nav_' + arrowName + '.gif';
}

function timeoutSiteNav(parent,e) {
	var relTarget = e.relatedTarget||e.toElement;
    if(relTarget.parentNode==parent||relTarget.parentNode.parent==parent) return;
	else timer = setTimeout('hideSiteNav()',500);
}

function cancelTimer() {
	window.clearTimeout(timer);
}