Заменить элементы рядом "улей"

Question

У меня есть вопрос, который меня очень мучает.

Посмотрите на прикрепленный код, я хочу, чтобы MouseHover на одном из кругов изменился, чтобы подняться другим, как сейчас происходит с помощью мыши "box_4A".

Как видите, код очень сложный и не очень умный... Вы знаете какой-нибудь ярлык? Или, может быть, я мог бы сказать правильный путь:)

CodePen

$('.box_4A').hover(function() {
    $(this).find('.circle').stop(true,true).toggleClass('generic_lv0', 500, 'easeInOutQuad');
    setTimeout(function(){ $('.box_3A, .box_4B, .box_5B').find('.circle').stop(true,true).toggleClass('generic_lv1', 500, 'easeInOutQuad'); }, 50);
    setTimeout(function(){ $('.box_2A, .box_3B, .box_4C').find('.circle').stop(true,true).toggleClass('generic_lv2', 500, 'easeInOutQuad'); }, 75);
    setTimeout(function(){ $('.box_1A, .box_2B, .box_2C, .box_3C, .box_4D, .box_5D').find('.circle').stop(true,true).toggleClass('generic_lv3', 500, 'easeInOutQuad'); }, 100);
    setTimeout(function(){ $('.box_1B, .box_1C, .box_1D, .box_2D, .box_3D, .box_1E, .box_2E, .box_3E, .box_4E').find('.circle').stop(true,true).toggleClass('generic_lv4', 500, 'easeInOutQuad'); }, 125);
});