1. 1
2. 2
3. 3
4. 4
5. 5
6. 6
7. 7
8. 8
9. 9
10. 10
11. 11
12. 12
13. 13
14. 14
15. 15
16. 16
17. 17
18. 18
19. 19
20. 20
21. 21
22. 22
23. 23
24. 24
25. 25
26. 26
27. 27
28. 28
29. 29
30. 30
31. 31
32. 32
33. 33
34. 34
35. 35
36. 36
37. 37
38. 38
39. 39
40. 40
41. 41
42. 42
43. 43
44. 44

<div id="bp-task-tabs-header" class="bp-tabs-block">
    <span id="bp-task-tab-1" class="bp-tab" onclick="return function(){
    var t1 = BX('bp-task-tab-1'),
        t2 = BX('bp-task-tab-2'),
        t1c = BX('bp-task-tab-1-content'),
        t2c = BX('bp-task-tab-2-content');

        BX.addClass(t1, 'bp-tab-active'); BX.removeClass(t2, 'bp-tab-active');
        BX.addClass(t1c, 'active'); BX.removeClass(t2c, 'active');
        return false;
    }()"><?=GetMessage("BPATL_COMMENTS")?></span>
    <span id="bp-task-tab-2" class="bp-tab bp-tab-active" onclick="return function(){
    var t1 = BX('bp-task-tab-2'),
        t2 = BX('bp-task-tab-1'),
        t1c = BX('bp-task-tab-2-content'),
        t2c = BX('bp-task-tab-1-content');

        BX.addClass(t1, 'bp-tab-active'); BX.removeClass(t2, 'bp-tab-active');
        BX.addClass(t1c, 'active'); BX.removeClass(t2c, 'active');
        return false;
    }()"><?=GetMessage("BPATL_DOC_HISTORY")?></span>

    <?if($hasFirstIdProcess):?>
        <span id="bp-task-tab-2" class="bp-tab bp-tab-active" onclick="return function(){
        var t1 = BX('bp-task-tab-3'),
            t2 = BX('bp-task-tab-2'),
            t3 = BX('bp-task-tab-1');

        var t1c = BX('bp-task-tab-3-content'),
            t2c = BX('bp-task-tab-2-content'),
            t3c = BX('bp-task-tab-1-content');

            BX.addClass(t1, 'bp-tab-active'); 
            BX.removeClass(t2, 'bp-tab-active');
            BX.removeClass(t3, 'bp-tab-active');

            BX.addClass(t1c, 'active'); 
            BX.removeClass(t2c, 'active');
            BX.removeClass(t3c, 'active');

            return false;
        }()"><?=GetMessage("BPATL_FIRST_DOC_HISTORY")?></span>
    <?endif?>
</div>