<div id="rightFlash">
<!-- this A tag is where your Flowplayer will be placed. it can be anywhere -->
<a  href="assets/flash/videos/pages/[*PageVideos*].flv"  id="player"> </a> 
<!-- this will install flowplayer inside previous A- tag. -->
<script type="text/javascript" src="assets/js/rightmovie.js"></script>
</div>

<?php
$movie = $modx->getTemplateVar('PageVideos');
if (!empty($movie['value'])) {
    if(is_file('assets/flash/videos/pages/' . $movie['value'] . '.flv')) {
         $chunk = $modx->getChunk('rightflash');
         return $chunk;
    }
}
$output = '<img id="noVideo" src="assets/js/images/flash_bkg.png" width="250" height="261" alt="" />';
return $output;
?>

flowplayer("player", "assets/flash/flowplayer.commercial-3.1.5.swf", {
    key: 'xxxxxxxxxxxxxxx',
    logo: {
        url: '../js/images/flash_bkg.png',
        fullscreenOnly: false,
        zIndex:0,
        top: '45%',
        left: '50%'
    },
    splash: {
        backgroundColor: '#ffffff'
    },
    canvas: {
        backgroundColor: '#ffffff'
    },
        screen: {
        backgroundColor: '#ffffff'
    },
    
    clip: {

        autoPlay: true, autoBuffering: true,

        // let screen fade in gradually so Acme logo can be seen below it
        fadeInSpeed: 3000,

        // on last second, fade out screen
        onLastSecond: function() {
            this.getScreen().animate({opacity: 0}, 3000);
        },

        // if screen is hidden, show it upon startup
        onStart: function() {
            this.getScreen().css({opacity: 1});
        }

    },

    plugins:  { 
            controls: {
                    autoHide: 'true',
                    hideDelay: 1000,
            }
    }
});