var off_pos = -33;
var on_pos = 0;

function anim(node, start_pos, end_pos) {
	new dojo.Animation({ 
	    curve: new dojo._Line(start_pos, end_pos),
	    duration: 500,
	    easing: dojo.fx.easing.backIn,
	    onAnimate: function() {
            var str = "center " + Math.floor(parseInt(arguments[0])) + "px";
            dojo.style(node, "backgroundPosition", str);
	    }
	}).play();
}

function menu_on(e) {
   anim(e.target, off_pos, on_pos); 
}

function menu_off(e) {
    anim(e.target, on_pos, off_pos);
}

function onload() {
    dojo.query('.menu-item').forEach(function(item) {
        dojo.connect(item, 'onmouseenter', menu_on);
        dojo.connect(item, 'onmouseleave', menu_off);
    });
}

dojo.addOnLoad(onload);