JS Event-Driven Block Disabling

rock.ui.js

$(function () {
	$('.disable-on-edit').click(function () {
		var id = $(this).parents('.block-instance').attr('id');
		$(document).trigger('EDIT_CLICKED', id);
	});

	$('.save').click(function () {
		$(document).trigger('EDIT_COMPLETE');
	});

	$(document).bind('EDIT_CLICKED', function (id) {
		var $blocks = $('.block-instance');

		$blocks.each(function (index, value) {
			var $el = $(this);

			if ($el.attr('id') !== id) {
				$el.addClass('disabled');
				$el.bind('click', function (e) {
					e.preventDefault();
					e.stopPropogation();
					return false;
				});
			}
		})
	});

	$(document).bind('EDIT_COMPLETE', function () {
		$('.block-instance').removeClass('disabled').unbind('click');
	});
});