// JavaScript Document

var areas;

function show_highlight(area) {
	//var area = eval(idstr);
	//alert(area.nodeName);
	var multiplier = parseInt(area.id.substr(1));
	var pos = 'left -' + (multiplier * 223) + 'px';
	document.getElementById('studentmenu').style.backgroundPosition = pos;
}

function hide_highlight() {
	document.getElementById('studentmenu').style.backgroundPosition = 'left top';
}

function setup() {
	if (document.getElementById && document.getElementsByTagName) {
		areas = document.getElementById('studentmenu').getElementsByTagName('area');
		var i;
		for (i = 0; i < areas.length; i++) {
			//addEvent(areas[i], 'mouseover', function() {show_highlight(this); }, false);
			addEvent(areas[i], 'mouseout', hide_highlight, false);
		}
	}
}

function addEvent(elm, evType, fn, useCapture) {
		if (elm.addEventListener) {
			elm.addEventListener(evType, fn, useCapture);
			return true;
		} else if (elm.attachEvent) {
			var r = elm.attachEvent('on' + evType, fn);
			return r;
		} else {
			elm['on' + evType] = fn;	
		}
}
//addEvent(window,'load',setup,false);