(function($) {

    $.fn.incircle = function(options) {

        // Default options.
        var settings = $.extend({
            color: "#556b2f",
            backgroundColor: "white",
            type: 1, //circle type - 1 whole, 0.5 half, 0.25 quarter
            radius: '14em', //distance from center
            start: -90, //shift start from 0
            top: '200px',
            left: '200px'
        }, options);

        this.css({
            'position': 'relative',
            // 'top': settings.top,
            // 'left': settings.left,
            // 'list-style-type': 'none',
            // 'margin': 0,
            // 'padding': 0
        });

        $elements = this.children(':not(:first-child)');
        numberOfElements = (settings.type === 1) ? $elements.length : $elements.length - 1; //adj for even distro of elements when not full circle
        slice = 360 * settings.type / numberOfElements;

        $elements.each(function(i) {
            var $self = $(this),
                rotate = slice * i + settings.start,
                rotateReverse = rotate * -1;

            $self.css({
                'position': 'absolute',
                '-webkit-transition': 'all 2s linear',
                '-moz-transition': 'all 2s linear',
                'transition': 'all 1s linear'
            });

            $self.css({
                'transform': 'rotate(' + rotate + 'deg) translate(' + settings.radius + ') rotate(' + rotateReverse + 'deg) translate(-50% , -50%)'
            });
        });

        return this;
    };

}(jQuery));