var i = 0;
var key;
var klass = "arrowlink";
var links;

function focusLink(event) {
	key = event.keyCode || event.which;
	links = document.getElementsByClassName(klass);
	if(key == 37) { focusPrevious(klass); }
	if(key == 39) { focusNext(klass); }
}

function focusPrevious(klass) {
	links[i].style.border = "";
	if(i-1 > -1) {
		i--;
	} else {
		i = links.length-1;
	}
	links[i].style.border = "2px solid black";
	links[i].focus();
	new Effect.Highlight(links[i]);
}

function focusNext(klass) {
	links[i].style.border = "";
	if(i+1 < links.length ) {
		i++;
	} else {
		i = 0;
	}
	links[i].style.border = "2px solid black";
	links[i].focus();
	new Effect.Highlight(links[i]);
}