// Admin JS
// Pages/add
$(document).ready(function() {

	$("#more-options").click(function() {
		$(this).html() == 'meer opties' ? $(this).html('minder opties') : $(this).html('meer opties');
		$("#page-advanced-options").toggle();
		return false;
	});

	$(".add-module").live('click', function() {
		$("#available-modules").toggle();
		return false;
	});

	// load admin element for added type
	$(".add-module-item").click(function(event) {
   		var position = $("#submenu li").length; // length starts counting at 1, so we don't need to increase.
		$("#submenu ul").append('<li><a href="#module-' + position + '">Nieuwe ' + $(this).html() + ' Module</a></li>');
		$("div.tabs").append('<div class="module" id="module-' + position + '"></div>');
		$("#module-" + position).load($(this).attr('href').replace('{position}', position));
		$("#submenu li a:last").click();
		$("#available-modules").toggle();
		$("#no-modules").remove(); // if added new item, we don't need it anymore
		return false;
	});

	// name tab if instance-name is provided
	$(".instance-name").live('keyup', function() {
		if($(this).val() == '') {
			var value = 'Naamloos';
		} else {
			var value = $(this).val();
		}
		$("nav#submenu li.active a").html(value)
	});

	// auto suggest page slug name
	$("#PageName").bind('keyup', function() {
		var suggestedName = $(this).val().toLowerCase().replace(/ /gi, '_');
		$("#PageSlug").val(suggestedName);
	});
});

$(function () {
	// fix tabs for subnav
    $('div.tabs nav#submenu ul a').live('click', function () {
        $('div.tabs > div').hide().filter(this.hash).show();

        $('div.tabs nav#submenu ul a').parent().removeClass('active');
        $(this).parent().addClass('active');

        return false;
    }).filter(':first').click();
});