function pip(id) {
    $("#pip-content").html($("[toot-id=" + id + "] .additional").html())
    $("#pip").removeClass("hide")
}
function endPip() {
    $("#pip-content").html("")
    $("#pip").addClass("hide")
}

function pipHoriz() {
    if ($("#pip").hasClass("pip-left")) {
        $("#pip").removeClass("pip-left")
        $(".pip-horiz").text("chevron_left")
        $("#pip").addClass("pip-right")
    } else {
        $("#pip").addClass("pip-left")
        $("#pip").removeClass("pip-right")
        $(".pip-horiz").text("chevron_right")
    }
}

function pipVert() {
    if ($("#pip").hasClass("pip-top")) {
        $("#pip").removeClass("pip-top")
        $("#pip").addClass("pip-bottom")
        $(".pip-vert").text("expand_less")
    } else {
        $("#pip").addClass("pip-top")
        $("#pip").removeClass("pip-bottom")
        $(".pip-vert").text("expand_more")
    }
}