$(function() {
	$('.subnav li').hover(
		function() {
			id = $(this).attr("id");
			snavOver(id);
			},
		function () {
			id = $(this).attr("id");
			snavOut(id);
			}
		);
	
	$('.bnav li').hover(
		function() {
			id = $(this).attr("id");
			bnavOver(id);
			},
		function () {
			id = $(this).attr("id");
			bnavOut(id);
			}
		);
	
		
	if(subsection == "") {
		subsection = "about";
		}
	
	snavOver('snav-'+subsection);	
	$('#snav-'+subsection).addClass("on");	

	});

	
function snavReset() {
	$('.subnav li').removeClass("on");
	snav = $('.subnav li');
	snav.each(function() {
		id = $(this).attr("id");
		snavOut(id);
		});
	}

function snavOver(id) {
	img = id.substr(5);
	$("#"+id +" img").attr("src","/about/images/"+img+"_on.png");
	}

function snavOut(id) {
	if(!$("#"+id).hasClass("on")) {
		img = id.substr(5);
		$("#"+id +" img").attr("src","/about/images/"+img+"_off.png");
		}
	}
	
function bnavReset() {
	$('.bnav li').removeClass("on");
	bnav = $('.bnav li');
	bnav.each(function() {
		id = $(this).attr("id");
		bnavOut(id);
		});
	}

function bnavOver(id) {
	img = id.substr(5);
	$("#"+id +" img").attr("src","/about/images/bnav_"+img+"_on.gif");
	}

function bnavOut(id) {
	if(!$("#"+id).hasClass("on")) {
		img = id.substr(5);
		$("#"+id +" img").attr("src","/about/images/bnav_"+img+"_off.gif");
		}
	}