comicpress-core/classes/partials/options-admin.inc

<div class="wrap comicpress-admin">
	<h2><?php _e('ComicPress Config', 'comicpress') ?></h2>
	<form method="post" action="">
		<input type="hidden" name="cp[_nonce]" value="<?php echo esc_attr($nonce) ?>" />
		<input type="hidden" name="cp[action]" value="comicpress-options" />
		<input type="hidden" name="cp[_action_nonce]" value="<?php echo esc_attr($action_nonce) ?>" />

		<?php include('_storyline-order.inc') ?>

		<?php include('_comic-image-types.inc') ?>

		<h3><?php _e('Active Components', 'comicpress') ?></h3>
		<div id="comicpress-active-components-holder" class="comicpress-holder">
		</div>

		<?php do_action('comicpress-options-admin') ?>
	</form>
</div>
<script type="text/javascript">
	(function() {
		var tab_holder = new Element('div', { className: 'comicpress-tab-holder' });
		$$('.comicpress-admin > h2').pop().insert({after: tab_holder});

		var show_tab = function(which) {
			tab_holder.childElements().each(function(t) {
				var is_same = (t.id == which);
				t[is_same ? 'addClassName' : 'removeClassName']('active');
				$('comicpress-' + t.id.replace(/^comicpress-tab-/, ''))[is_same ? 'show' : 'hide']();
			});
		};

		$$('.comicpress-admin > form > h3').each(function(t) {
			var id_suffix = t.innerHTML.replace(/\s+/g, '_');
			var holder = new Element("div", { className: 'comicpress-admin-section', id: 'comicpress-' + id_suffix });
			t.insert({before: holder});

			holder.insert(t.next().remove());
			holder.insert({top: t.remove()});

			var tab = new Element("a", { href: "#", id: 'comicpress-tab-' + id_suffix }).update(t.innerHTML);
			tab_holder.insert(tab);

			tab.observe('click', function(e) {
				Event.stop(e);
				show_tab(e.target.id)
			});
		});

		tab_holder.childElements().pop().addClassName('last');

		show_tab(tab_holder.childElements().shift().id);
	}());
</script>