window.onload = function () {
	var lis = document.getElementById('nav').getElementsByTagName('li');
	for (var i = 0; i < lis.length; i++) {
		lis[i].onmouseover = ripOn;
		lis[i].onmouseout = ripOff;
	}
	function ripOn() {
		var ripple = document.getElementById('ripple');
		ripple.className = 'on';
	}
	function ripOff() {
		var ripple = document.getElementById('ripple');
		ripple.className = '';
	}
}