menu_rearrange 메뉴 스크립트 채택완료

function menu_rearrange(el)
{
    console.log("menu_rearrange");

    var width = $("#gnb_1dul").width();
    var left = w1 = w2 = 0;
    var idx = $(".gnb_1dli").index(el);
    var max_menu_count = 0;
    var $gnb_1dli;

    for(i=0; i<=idx; i++) {
        $gnb_1dli = $(".gnb_1dli:eq("+i+")");
        w1 = $gnb_1dli.outerWidth();

        if($gnb_1dli.find(".gnb_2dul").size())
            w2 = $gnb_1dli.find(".gnb_2dli > a").outerWidth(true);
        else
            w2 = w1;

        if((left + w2) > width) {
            if(max_menu_count == 0)
                max_menu_count = i + 1;
        }

        if(max_menu_count > 0 && (idx + 1) % max_menu_count == 0) {
            el.removeClass("gnb_1dli_over").addClass("gnb_1dli_over2");
            left = 0;
        } else {
            left += w1;
        }
    }
}

그누보드 /js/jquery.menu.js 파일에 있는  menu_rearrange 함수는 정확히 어떤 작용인가요?

1차 메뉴와 2차메뉴를 조절하는거같은데..

gnb_1dli_over2 클래스 추가는 왜 하는건가요?

따로 css를 적용해주진 않는거 같은데, 이 클래스가 추가되고 gnb_1dli_over가 없어지면서 하위 메뉴가 안뜨는 현상이 나오네요..

2차메뉴의 너비와 관련된 스크립트같은데 정확히 어떤 기능인가요?

el.removeClass("gnb_1dli_over").addClass("gnb_1dli_over2");

주석하고 2차메뉴 보니까 딱히 없어도 될거같은데 해당 소스는 왜 들어갔던걸까요?