function tabify() {
    var tabsHtml = '<div class="tabs"><ul>';
    $("#tabbed .tab-content").each(function (index) {
        var tabTitle = $(this).find("h2:first").text();
        if (tabTitle.indexOf("About ") == 0) {
            tabTitle = "About this book";
        }
        tabsHtml += '<li><a href="#">' + tabTitle + '</a></li>';
        if (index > 0) {
            $(this).css("display", "none");
        }
    });
    tabsHtml += '</ul></div>';
    $("#tabbed").prepend(tabsHtml);
    $("#tabbed > .tabs > ul > li:last > a").addClass("last");
    $("#tabbed > .tabs > ul > li:first > a").addClass("on");
    $("#tabbed > .tabs > ul > li > a").click(function () {
        $("#tabbed > .tabs > ul > li > a").removeClass("on");
        $(this).addClass("on");
        var index = $(this).parent("li").index();
        $("#tabbed .tab-content").css("display", "none");
        $("#tabbed .tab-content:eq(" + index.toString() + ")").css("display", "block");
        return false;
    });
}

function enableAutoPopulateSlug(fromTextFieldId, toSlugFieldId) {
    $(fromTextFieldId).keyup(function (event) {
        $(toSlugFieldId).val(slugify($(fromTextFieldId).val()));
    });
    $(fromTextFieldId).change(function (event) {
        $(toSlugFieldId).val(slugify($(fromTextFieldId).val()));
    });
}

function slugify(input) {
    return input.toLowerCase().replace(/[^a-zA-Z0-9]/g, "-");
}

//todo: if jQuery works we can use Ajax, so show all the Ajax-only stuff and hide the non-Ajax fallbacks
$(document).ready(function () {
    $(".noAjaxHideInline").removeClass("noAjaxHideInline").addClass("ajaxShowInline");
    $(".ajaxHideInline").removeClass("ajaxHideInline").addClass("noAjaxHideInline");
});