function box_tab_mouseover(event) {
    var span = $(event.target).closest("span.tab");
    span.addClass("hover");
}

function box_tab_mouseout(event) {
    var span = $(event.target).closest("span.tab");
    span.removeClass("hover");
}

function box_tab_click(event) {
    var span = $(event.target).closest("span.tab");
    var tabs = span.parent();
    tabs.find("span.tab").removeClass("selected");
    span.addClass("selected");
    var contents = tabs.nextAll(".contents");
    contents.find(".content").hide();
    $("#"+ span.attr('id') + "_content").show();
    return false;
}

function box_change_click(event) {
    var contents = $(event.target).closest(".contents");
    var change_form = contents.next(".change_form");
    contents.hide();
    change_form.show();
    return false;
}

function box_change_cancel_click(event) {
    var change_form = $(event.target).parents("div.box div.change_form");
    var contents = change_form.prevAll("div.contents");
    change_form.hide();
    contents.show();
    return false;
}
