/*
** To whom it may concern:
**
** Using JS to do this is rather unfortunate, but we couldn't figure out a good way to get this menu
** to work with just CSS in most browsers.  And by most browsers, I mean IE...
*/


function nav_thr_hover_init ()
{
	var b;
	var id;
	var id_a;
	var n;
	var r_n;
	var r_l;
	var s;

	// figure out who we are, then grab the label from the proper item in nav-thr
	
	b = document.getElementsByTagName("body")[0];
	id = b.getAttribute("id");
	id_a = id.split("_");
	
	n = parseInt(id_a[3], 10) + 1;
	
	r_l = document.getElementById("R_L");
	if (n > 0) {
		r_n = document.getElementById("R_" + n);
	
		// set the master label
	
		s = r_n.getElementsByTagName("span")[0];
		
		default_label = s.innerHTML;
	} else {
		default_label = "";
	}

	r_l.innerHTML = default_label;

	// attach rollstates to the links
	
	for (var i = 1; i <= 9; i++) {
		r_n = document.getElementById("R_" + i);
		if (r_n) {
			r_n.onmouseover = nav_thr_hover_over;
			r_n.onmouseout = nav_thr_hover_out;
		}
	}
}

function nav_thr_hover_over ()
{
	// get our label, then update the master label
	
	var s = this.getElementsByTagName("span")[0];
	var label = s.innerHTML;
	var r_l = document.getElementById("R_L");
	
	r_l.innerHTML = label;
}

function nav_thr_hover_out ()
{
	// revert the master label to the default one
	
	var s = this.getElementsByTagName("span")[0];
	var label = s.innerHTML;
	var r_l = document.getElementById("R_L");
	
	r_l.innerHTML = default_label;
}