// JavaScript Document

//hook the hover events for the 3 nav links
function tmpl_nav_hook_events()
{
	tmpl_nav_link_hook_events( "rates" );
	tmpl_nav_link_hook_events( "portfolio" );
	tmpl_nav_link_hook_events( "contact" );
}

//hook the hover events for nav link: id
function tmpl_nav_link_hook_events( id )
{
	var divCenter = document.getElementById( "tmpl-nav-center-"+id );
	var divHover = document.getElementById( "tmpl-nav-hover-"+id );
	var aLink = document.getElementById( "tmpl-nav-link-"+id );
	
	divCenter.onmouseover = function()
	{
		aLink.focus();
		document.body.style.cursor = "pointer";
	}
	divCenter.onmouseout = function()
	{
		aLink.blur();
		document.body.style.cursor = "default";
	}
	divCenter.onclick = function()
	{
		window.location = aLink.href;
	};
	aLink.onfocus = function()
	{
		divHover.style.visibility = "visible";
	};
	aLink.onblur = function()
	{
		divHover.style.visibility = "hidden";
	};
}