function PopupPreview(sPicURL) {
        window.open( "/browse/popup_preview.php?fPicURL="+sPicURL, "", "resizable=1,HEIGHT=200,WIDTH=200");
    }

// ------------------------------------------- view book cover (front, back, flaps)

var frame = null;
var cover = null;
var popups = new Array('frontCover', 'backCover', 'frontFlap', 'backFlap');

function toggleCover (side) {
    frame = document.getElementById('coverFrame');
    cover = document.getElementById(side+'Img');

    for( i=0; i<popups.length; i++ ) {
        if( popups[i]!=side ) {
            otherCover = document.getElementById(popups[i]+'Img');
            if( otherCover && otherCover.style.visibility=='visible' ) {
                YAHOO.util.Dom.setStyle( otherCover, 'visibility', 'hidden' );
                YAHOO.util.Dom.setStyle( otherCover, 'opacity', 0 );
            }
        }
    }

    var animIn = new YAHOO.util.Anim( cover );
        animIn.duration = 0.5;
        animIn.method = YAHOO.util.Easing.easeOut;
        animIn.attributes.opacity = { to: 1.0 };

    var animOut = new YAHOO.util.Anim( cover );
        animOut.duration = 0.25;
        animOut.method = YAHOO.util.Easing.easeIn;
        animOut.attributes.opacity = { to: 0.0 };

    if( cover.style.visibility=='visible' ) {
        // the following code is causing the flash viewer to dissapear in FF 2.x on OSX
        // animOut.animate();
        // setTimeout("YAHOO.util.Dom.setStyle( frame, 'visibility', 'hidden' )", 250);
        // setTimeout("YAHOO.util.Dom.setStyle( cover, 'visibility', 'hidden' )", 1000);

        YAHOO.util.Dom.setStyle( frame, 'visibility', 'hidden' );
        YAHOO.util.Dom.setStyle( cover, 'visibility', 'hidden' );
    } else {
        positionCover(cover);

        YAHOO.util.Dom.setStyle( frame, 'visibility', 'visible' );
        YAHOO.util.Dom.setStyle( cover, 'visibility', 'visible' );
        //animIn.animate();
    }
}

function positionCover (cover) {
    frame = document.getElementById('coverFrame');
    thumb = document.getElementById('contentThumbnail');

    linkXY = YAHOO.util.Dom.getXY('contentThumbnail');

    if ( document.all ) {
        thumb.style.height = '1%';
    }

    thumbW = thumb.clientWidth;
    thumbH = thumb.clientHeight;

    centerX = linkXY[0] + (thumbW/2);
    centerY = linkXY[1] + (thumbH/2);

    coverW = cover.clientWidth;
    coverH = cover.clientHeight;

    coverX = centerX - (cover.clientWidth/2);
    coverY = centerY - (cover.clientHeight/2);

    frameX = coverX - 10;
    frameY = coverY - 10;

    YAHOO.util.Dom.setStyle( frame, 'left', frameX+'px' );
    YAHOO.util.Dom.setStyle( frame, 'top', frameY+'px' );
    YAHOO.util.Dom.setStyle( frame, 'width', (coverW + 20) + 'px' );
    YAHOO.util.Dom.setStyle( frame, 'height', (coverH + 30) + 'px' );

    YAHOO.util.Dom.setStyle( cover, 'left', coverX + 'px' );
    YAHOO.util.Dom.setStyle( cover, 'top', coverY + 'px' );
    positioned = true;
}

// --------------------------------------------------------------------------------