// should be called every time we display the media player
function initMediaPlayerTrailerPopup() {
    _initMediaPlayerTrailerPopup('bs_trailers', 'bs_trailerList');
    _initMediaPlayerTrailerPopup('bs_play', 'bs_playList');
}

function _initMediaPlayerTrailerPopup(container, list) {

    var popup = $(list);
    if ( popup ) {
        popup.hide(); // hide the popup
        popup.addClass('bs_popup'); // apply the popup style

        // show and hide the popup as necessary
        var target = $(container);
        if (window.ie) target.style.zIndex = "99999"; // Hack for IE. CSS would not work
        target.addEvent('mouseenter', function(){
            var popup = $(list);
            popup.show();
        });
        target.addEvent('mouseleave', function(){
            var popup = $(list);
            popup.hide();
        });
    }
}

// init on domready
window.addEvent('domready', function() { initMediaPlayerTrailerPopup() });