Disabling Fancybox 2.1.5

HTML

<script src="http://thegeekinvasion.com/fancybox/fancybox/jquery.fancybox.pack.js"></script>
<link rel="stylesheet" href="http://thegeekinvasion.com/fancybox/fancybox/jquery.fancybox.pack.css">
<div class="fb-container">
    <p>Fancybox called is first called on window load event,<br/>with the <strong><em>live</em></strong> parameter set to default.</p>
    <a class="fancybox" rel="gallery1" href="http://farm4.staticflickr.com/3824/9041440555_2175b32078_b.jpg" title="Calm Before The Storm (One Shoe Photography Ltd.)">
        <img src="http://farm4.staticflickr.com/3824/9041440555_2175b32078_m.jpg" alt="" />
    </a>
    <a class="fancybox" rel="gallery1" href="http://farm3.staticflickr.com/2870/8985207189_01ea27882d_b.jpg" title="Lambs Valley (JMImagesonline.com)">
        <img src="http://farm3.staticflickr.com/2870/8985207189_01ea27882d_m.jpg" alt="" />
    </a>
    <a class="fancybox" rel="gallery1" href="http://farm4.staticflickr.com/3677/8962691008_7f489395c9_b.jpg" title="Grasmere Lake (Phil 'the link' Whittaker (gizto29))">
        <img src="http://farm4.staticflickr.com/3677/8962691008_7f489395c9_m.jpg" alt="" />
    </a>
    <br/><br/>
    <input type="checkbox" id="fb-live" />
    <label for="fb-live">Sets <strong>live</strong> param to <strong>false</strong> when binding Fancybox.</label>
    <div class="fb-buttons">
        <input id="unbind-links" type="button" value="Unbind Links" /><sup>1</sup>
        <input id="unbind-dom" type="button" value="Unbind Dom" /><sup>2</sup>
        <input id="bind-fb" type="button" value="Bind FB" />
    </div>
</div>
<hr>
<div class="legend">
    <p>
        <sup>1</sup>Targets <strong>a.fancybox</strong> elements. Only works if <strong>live</strong> parameter is set to <strong>false</strong>.
        <br/>
        <sup>2</sup>Targets <strong>window.document</strong>. Works regardless of <strong>live</strong> parameter;
    </p>
</div>

CSS

a, div {
    display:inline-block;
}
em {
    font-style:italic!important;
}
hr, .fb-container, .legend {
    margin:20px 0 0;
}
img {
    max-height:137px;
}
input {
    font-size:12px;
    padding:5px 10px;
}
label, .legend p {
    color:#555;
    font:0.8em sans-serif;
}
p {
    color:#555;
    font-family:sans-serif;
    font-size:1em;
    font-style:italic;
    margin-bottom:20px;
    width:100%;
}
strong {
    background:#e8e8e8;
    font-family: "Courier New", Courier, monospace;
    font-weight:bold!important;
}
sup {
    color:#c00;
    font:bold 10px sans-serif;
    margin:-5px 7px 0 2px;
}
.fb-buttons {
    margin-top:10px;
    width:100%;
}

JavaScript

jQuery(function($) {
    $("#unbind-links").on("click", function() {
        $("a.fancybox")
            //.off("click.fb-start")
            .unbind("click.fb-start");
        console.log("Fancybox unbound at link level.");
    });
    $("#unbind-dom").on("click", function() {
        //$(window.document).off("click.fb-start");
        $(window.document).unbind("click.fb-start");
        console.log("Fancybox unbound at dom level.");
    });
    $("#bind-fb").on("click", function() {
       var opts = $("#fb-live").is(":checked") ? {live: false} : {};
        $("a.fancybox").fancybox(opts);
        console.log("Fancybox initialized.");
    });
    $(window).load(function() {
        $(".fb-container a.fancybox").fancybox();
    });
});