Class for circular menu using jquery and hammer.js

circular.js

var circular = function (selector) {
	var circle = ((typeof selector == "string") ? $(selector) : selector);

	if (typeof selector == "string") {
        window.setTimeout(function () {
            $(selector).parent().addClass('open');
        }, 500);
	}

	var items = circle.children('li');
	var angle = Math.PI*2/(items.length);
	var radius = 0;

	this.dispose = function() {
		var self = this;

		items.each(function(index) {
			$(this).css({
                'transform' : 'translate(' + (radius + radius*Math.cos(angle*index)) + 'px, ' + (radius + radius*Math.sin(angle*index)) + 'px) rotate(' + (angle*index) + 'rad)'
            });

			if ($(this).children('ul').length) {
                $('<span>')
                    .hammer()
                        .bind('tap', function() {
                            var liParent = $(this).parent('li');
                            $(circle).removeClass('open');

                            if (liParent.hasClass('open')) {
                                liParent
                                    .removeClass('open')
                                    .closest('ul')
                                    .parent()
                                    .addClass('open');

                            } else {
                                $('.open').removeClass('open');
                                liParent.addClass('open');
                            }

                        })
                    .appendTo($(this));

				self.createChild($(this).children('ul'));
			}
		});
	};

	this.createChild = function(child) {
		var instance = new circular(child);
	};

	this.init = function(that) {

		circle.height(circle.width());
		radius = circle.width()/2;
		that.dispose();

	}(this);
}