// JavaScript Document

var address = new String();
var aa = new Array();

// get file name from path
address = (window.location.href);
aa = address.split("/");
address = (aa[aa.length-1]);

// drop file extension
aa = address.split(".");
address = (aa [0]);

var names = new Array("home", "learntorun", "5k10khalf", "marathon", "blog", "join", "contactus", "login");
var buttons = new Array();
var rollovers = new Array();
var rollouts = new Array();

for (var thisname in names)
{
	buttons[thisname] = document.getElementById("nav_" + names[thisname]);
	
	rollovers[thisname] = new Image;
	rollovers[thisname].src = "images/nav_" + names[thisname] + "_over.gif";
	
	rollouts[thisname] = new Image;
	rollouts[thisname].src = "images/nav_" + names[thisname] + "_up.gif";
	
	
	if (names[thisname] == address)
	{
		buttons[thisname].src = rollovers[thisname].src;
		buttons[thisname].style.className = 'none';
	}
	
	else
	{
		buttons[thisname].onmouseover=function()
		{
			show("over", this);	
		};
		
		buttons[thisname].onmouseout=function()
		{			show("out", this);	
		};
		
		buttons[thisname].onclick=function()
		{
			goto(this);
		};
		
	};
};

function show(state, target)
{
	var index = new Number;
	
	for (var i in names)
	{
		if (buttons[i] == target)
		{
			index = i;
		};
	};
	
	
	if (state == "over")
	{
		target.src = rollovers[index].src;
	}
	else
	{
		target.src = rollouts[index].src;
	};
};

function goto(target)
{
	var index = new Number;
	
	for (var i in names)
	{
		if (buttons[i] == target)
		{
			index = i;
		};
	};
	
	window.location.href = names[index] +".php";
};