ptaszek

function setMenuTriangle(menu) {
console.log("menu find");

    console.log(menu.find('.menu_triangle').length);
    if(!(menu.find('.menu_triangle').length)){
        menu.prepend('<div class="menu_triangle"></div>');
    }


    var elems = menu.find('ul.navbar-nav > li');
    var menu_ul = menu.find('ul.navbar-nav');
    var triangle = menu.find('.menu_triangle');
    var curr_pos = -5;
    var menu_margin = parseInt(menu_ul.css('padding-left').replace('px', '')) + parseInt(menu_ul.css('margin-right').replace('px', ''));
    var elems_width = [];

    var prevElem = 0;
    elems.each(function () {
         elems_width.push( prevElem + $(this).width()/2);
         prevElem += $(this).width();
    });
  console.log(elems_width);

    var active_elem = menu.find('ul.navbar-nav > li.active').index();

    if (active_elem !== -1) {
        curr_pos = menu_margin + elems_width[active_elem];
    }
    triangle.css('transform', 'translateX(' + curr_pos + 'px');

    //hover
    elems.off().hover(
        function () {
            triangle.css('transform', 'translateX(' +(menu_margin + elems_width[menu.find(this).index()]) + 'px');
        },
        function () {
            if (active_elem !== -1) {
                triangle.css('transform', 'translateX('+(menu_margin + elems_width[menu.find(this).index()]) +'px');
            } else {
                triangle.css('transform', 'translateX(' + curr_pos + 'px');
            }
        }
    );

}


setMenuTriangle($('.menu_comp_left'));