$(document).ready(function() {
	var className = '';
	var source = '';
	$('#mainnav li').mouseover(function() {
		var attr = $(this).attr('class');
		className = attr;
		if(attr == 'first' || attr == 'act first') {
			$(this).attr('class', 'act first');
		} else if(attr == 'last' || attr == 'act last') {
			$(this).attr('class', 'act last');
		} else {
			$(this).attr('class', 'act');
		}
		source = $(this).find('a img').attr('src');
		var replacedSource = $(this).find('a img').attr('src').replace('off', 'on');
		$(this).find('a img').attr('src', replacedSource);
	}).mouseout(function() {
		$(this).attr('class', className);
		$(this).find('a img').attr('src', source);
	});
});