[розовый слоник]

Добрый день жителям форума
Хочу сделать выделение строчек в таблице через щелчок по checkBox и зажатой клавиши shift(точнее я уже сделал но оно медленно отрисовывает) пример, как выделение писем на ya.ru, gmail.com, mail.ru и другие.

Как я делаю.
Условие для выделения строк через клавишу shift

if(shiftKey == true) {
        var lastElArray = arrayCheckBox.length - 1;
        var firstCheckBox = parseInt(arrayCheckBox[lastElArray]);
        var lastCheckBox = parseInt(input.name);
        var getElTagName = f_a('bHDSTbody_datasheet_T_a').getElementsByTagName('input');
        
        for (vaк i=0;i<getElTagName.length;i++){
            var element = getElTagName[i];
            var nextPosition = parseInt(element.name);
            if(firstCheckBox < lastCheckBox){
                if(element.type == "checkbox" && nextPosition < lastCheckBox && nextPosition > firstCheckBox){
                    addBgColorTableFild(element);
                }
            }else if(firstCheckBox > lastCheckBox){
                if(element.type == "checkbox" && nextPosition > lastCheckBox && nextPosition < firstCheckBox){
                    addBgColorTableFild(element);  
                }
            }
        }
    }

функция addBgColorTableFild просто добавляет к тегам tr класс с нужным мне бекграундом.
Функция f_a() это функция поиска элемента по id(это для понимания кода).

Насколько я понимаю вся проблема из за того, что я прохожусь по всем чек боксом и отбираю из них только те которые мне нужны. Все из за того что я не могу скачать циклу пройтись скажем от firstCheckBox до lastCheckBox из за того, что строчки можно удалять, а атрибут name в них остаются неизменным.

Короче все вот так вот плохо может кто то посоветует или на толкнет на мысль буду признателен