///////////////////////////////////////////////////////////////////////////
//  SCREENSHOTS
///////////////////////////////////////////////////////////////////////////
function showShot(i, title, details, image, w, h) {
    var body = '<p><img src="' + image + '" width="' +
        w + '" height="' + h +
        '" /></p><p>' + details + '</p>';

    var padding = 20;
    var pwidth  = 500;
    if (w + (2 * padding) > pwidth)
        pwidth = w + (2 * padding);

    // Open the screen shot in the middle of the browser
    var shot = new YAHOO.widget.Panel("screenshot",
                                      { close       : true,
                                        visible     : true,
                                        fixedcenter : true,
                                        constraintoviewport: true,
                                        modal       : true,
                                        width       : pwidth + 'px',
                                        underlay    : "none"} );
    shot.setHeader(title);
    shot.setBody(body);
    shot.render(document.body);

    // Allow the user to scroll around so they can close it
    shot.cfg.setProperty("fixedcenter", false);
}