﻿$(document).ready(function(){
   
    var menuContainerObjectId = "#div_navigation_container";
    var menuObjectId = "#naviList";
   
    if($(menuObjectId).children().size() == 0)
        return;
    
    //Round width for all menu items
    $(menuObjectId).children().each(
        function(){        
            $(this).css("width",parseInt($(this).width()));
        }
    )
   
   var differenceFloat = $(menuContainerObjectId).width() - $(menuObjectId).width();
   var differenceInt = parseInt(differenceFloat);
   
   if(differenceInt > 0)
   {
        var addPixelsFloat = differenceInt/$(menuObjectId).children().size();
        var addPixelsInt = parseInt(addPixelsFloat);
        
        if(addPixelsInt > 0)
        {
            var positionChild=0;        
            var generatedWidth = 0;
            
            $(menuObjectId).children().each(
                function(){
                    positionChild++;    
                    
                    var widthSet = $(this).width();                  
                    
                    if(positionChild == $(menuObjectId).children().size())
                        widthSet = $(menuContainerObjectId).width() - generatedWidth;
                    else   
                        widthSet = widthSet + addPixelsInt;                        
                    
                    $(this).css("width",widthSet);
                    //$(this).width(widthSet);
                        
                    generatedWidth += widthSet;
                }
            )
        }
   }
   
});
