// JavaScript Document
var navareas = new Array();
/*var anchors = document.getElementsByTagName('a');
for (i in anchors) {
	if (anchors[i].className	== 'navarea') navareas.push(anchors[i]);
}
*/

var imgs = document.getElementsByTagName('img');
for (i in imgs) {
	if (imgs[i].className	== 'navarea') navareas.push(imgs[i]);
}

//Defines navareas' categories
for (i in navareas) {
	var thisArea = navareas[i];
	thisArea.cat = thisArea.id.substring(4);
	thisArea.status = 'off';
	thisArea.onmouseover = flipImg;
	thisArea.onmouseout = flipImg;
}

function getEvtTarget(e) {
  e = e || window.event; //e is for non-IE browsers, window.event is for IE
  return e.target || e.srcElement; //e.target is for non-IE, srcElement is for IE
}

function flipImg(evt) {
	if (getEvtTarget(evt).status == 'off') {
		document.getElementById('i'+getEvtTarget(evt).cat).style.display = 'none';
		document.getElementById('i'+getEvtTarget(evt).cat+'over').style.display = 'block';
		getEvtTarget(evt).status = 'on';
	}
	else {
		document.getElementById('i'+getEvtTarget(evt).cat).style.display = 'block';
		document.getElementById('i'+getEvtTarget(evt).cat+'over').style.display = 'none';
		getEvtTarget(evt).status = 'off';		
	}
}