﻿(function($) {
    $.fn.extend({
        //plugin name - animatemenu
        justifyMenu: function(options) {

            var defaults = {  
                getFirstchild : true
                };  
            
            var options = $.extend(itemSpace, options);
            
            //Settings list and the default values
            var itemSpace = 0;
            
            return this.each(function() {
                var o = options;

                //Assign current element to variable, in this case is UL element
                var obj = $(this);

                //Get all LI in the UL
                var items = $("li", obj);

                items.each(function(item) {
                    itemSpace += $(this).width();
                });

                var menuWith = $(this).width();
                var noOfChildren = items.size();
                var margin = Math.floor((menuWith - itemSpace) / noOfChildren) - 2;
                var paddingValue = ((margin / 2) - 1) + 'px';

                items.each(function(item) {
                    if (o.getFirstchild == true) {
                        $(this).find(":nth-child(1)").css({
                            'padding-left': paddingValue,
                            'padding-right': paddingValue
                        });
                    }
                    else {
                        $(this).css({
                            'padding-left': paddingValue,
                            'padding-right': paddingValue
                        });
                    }
                });
            });
        }
    });
})(jQuery);



