hasher.html

<!DOCTYPE HTML>
<html>
<head>
	<title>Hasher Test Page</title>
</head>
<script src=hasher.js></script>
<body>
<script>
	Hasher({
		'': function(){
			document.body.style.backgroundColor = 'yellow'
		},
		'page': function(){
			document.body.style.backgroundColor = 'black'
		}
	});

	Hasher({
		'next': function(){
			document.body.style.backgroundColor = 'purple'
			window.onclick = function(){
				Hasher('next/2');
			}
		},
		'next/2': function(){
			document.body.style.backgroundColor = 'green'
		},
		//this will be removed
		'': false
	},{
		default: function(){
			document.body.style.backgroundColor = 'red';
			document.body.innerHTML = 'ups this page does not exist';
		},
		beforeEach: function(){
			document.body.innerHTML = '';
		}
	});

	window.onclick =  function(){
		Hasher('page');
	}
</script>
</body>
</html>