// Javascript.
document.observe('dom:loaded', function(){
	
	// Set the event observers.
	$('ovrnext').observe('mouseover', function(e) {
		$('navnext').removeClassName('next');
		$('navnext').addClassName('nexthover');
	});

	$('ovrnext').observe('mouseout', function(e) {
		$('navnext').removeClassName('nexthover');
		$('navnext').addClassName('next');
	});
	
	$('ovrprev').observe('mouseover', function(e) {
		$('navprev').removeClassName('prev');
		$('navprev').addClassName('prevhover');
	});

	$('ovrprev').observe('mouseout', function(e) {
		$('navprev').removeClassName('prevhover');
		$('navprev').addClassName('prev');
	});
});