$(document).ready(function() {
flowplayer("a.video", {
    src: "http://" + window.location.host + "/flash/flowplayer-3.2.2.swf",
    wmode: 'opaque'
},
        {
            key: '#@e942898eefb7693b2d7',
        clip: {
            autoPlay: true,
            buffering: true
        },
        screen: {
            height: "100pct",
            top: 0
        },
        plugins: {
            controls: {
                timeColor: "rgba(78, 78, 78, 1)",
                borderRadius: 5,
                bufferGradient: "none",
                slowForward: true,
                backgroundColor: "rgba(234, 233, 223, 1)",
                volumeSliderGradient: "none",
                slowBackward: false,
                timeBorderRadius: 20,
                time: true,
                progressGradient: "none",
                height: 26,
                volumeColor: "#ffffff",
                tooltips: {
                    marginBottom: 5,
                    volume: true,
                    scrubber: true,
                    buttons: false
                },
                opacity: 1,
                fastBackward: false,
                timeFontSize: 12,
                bufferColor: "#a3a3a3",
                volumeSliderColor: "#ffffff",
                border: "0px",
                buttonColor: "rgba(65, 111, 143, 1)",
                mute: true,
                autoHide: {
                    enabled: true,
                    hideDelay: 500,
                    hideStyle: "fade",
                    mouseOutDelay: 500,
                    hideDuration: 400,
                    fullscreenOnly: false
                },
                backgroundGradient: "none",
                width: "95pct",
                display: "block",
                sliderBorder: "1px solid rgba(128, 128, 128, 0.7)",
                buttonOverColor: "rgba(78, 78, 78, 1)",
                fullscreen: true,
                timeBgColor: "rgb(0, 0, 0, 0)",
                borderWidth: 0,
                scrubberBarHeightRatio: "0.1",
                bottom: "12px",
                stop: false,
                sliderColor: "#000000",
                zIndex: 1,
                scrubberHeightRatio: 0.6,
                tooltipTextColor: "#ffffff",
                sliderGradient: "none",
                timeBgHeightRatio: 0.8,
                volumeSliderHeightRatio: 0.6,
                name: "controls",
                timeSeparator: " ",
                volumeBarHeightRatio: 0.1,
                left: "50pct",
                tooltipColor: "#000000",
                playlist: false,
                durationColor: "rgba(129, 129, 129, 1)",
                play: true,
                fastForward: true,
                timeBorder: "0px solid rgba(0, 0, 0, 0.3)",
                progressColor: "#ffffff",
                scrubber: true,
                volume: true,
                builtIn: false,
                volumeBorder: "1px solid rgba(128, 128, 128, 0.7)"
            }
        }
    });

    // auto start the first video on the page after 5 seconds
    if ($f.length > 0) {
        setTimeout(function() { $f(0).play() }, 5000);
    }
});