$(document).ready(function () {
    var numOfButtons = 6; // 0 to 9 max 10

    function stopAll() {
        for (var i = 0; i < numOfButtons; i++) {
            $('#navbutton' + i).stop(true, false).animate({ backgroundColor: '#7EB538' }, 300);
        };
    };

    function getIndex(str) {
        return str.substring(str.length - 1, str.length);
    };

    stopAll();

    $('#navigation .button').hover(function () { //mouse enter
        var index = getIndex(this.id);
        $('#navbutton' + index).animate({ backgroundColor: '#9FE246' }, 300);

    }, (function () {  // mouse leave
        var index = getIndex(this.id);
        $('#navbutton' + index).animate({ backgroundColor: '#7EB538' }, 300);

    }));

    $('#navigation').mouseleave(function () { //mouse leave 
        stopAll();
    });
});