//on dom ready...  
window.addEvent('domready', function() {

// get the y var of the naviline bg:
var nowleft = $('navibar').getStyle('background-position');
	
$('navibaritem1').addEvent('mouseover', function(e) {
	$('navibar').setStyle('background-position','0px -0px');
	e.stop();
});
$('navibaritem2').addEvent('mouseover', function(e) {
	$('navibar').setStyle('background-position','0px -36px');
	e.stop();
});
$('navibaritem3').addEvent('mouseover', function(e) {
	$('navibar').setStyle('background-position','0px -72px');
	e.stop();
});
$('navibaritem4').addEvent('mouseover', function(e) {
	$('navibar').setStyle('background-position','0px -108px');
	e.stop();
});
$('DIVheader').addEvent('mouseout', function(e) {
	$('navibar').setStyle('background-position',nowleft);
	e.stop();
});





});