$(document).ready(function () {
    var nav_width = $('#nav').innerWidth();
    var nav_items = $('.nav-link');
    var nav_total_width = 0;
    for(i=0;i<nav_items.length;i++) {
        nav_total_width += $('#'+nav_items[i].id).innerWidth();
    }
    //alert(nav_width + " : " + nav_total_width);
    if(nav_total_width>nav_width)
    {
        $('#nav').css('width', String(nav_total_width+(10+(nav_items.length*2))) + "px");
    }
    var j = 0;
    while(nav_total_width<(nav_width-(14+(nav_items.length*2))))
    {
        j += 1;
        for(i=0;i<nav_items.length;i++)
        {
            var item = $('#' + nav_items[i].id);
            //alert(item.css('padding-right'));
            if(j%2==0)
            {
                var css_prop = "padding-left";
            }
            else
            {
                var css_prop = "padding-right";
            }
            item.css(css_prop, String(Number(item.css(css_prop).slice(0, -2)) + 1) + "px");
            nav_total_width += 1;
        }

    }
});