$(function() {



// install flowplayer on the container
$f("playera", "http://www.networxonline.com/networxfplayer.swf",  {

    // our fake fullscreen action.

    // when ESC is pressed above the player, "fullscreen" is closed
    onKeyPress: function(key) {
        if (key == 27) {
            $("div.overlay").overlay().close();
        }
    }
,
 key: '#$414b55df0ea9bf277d1',
                   clip: {
 url: "http://yoli.s3.amazonaws.com/Blastcap_Tech_782x440.flv",
                                autoPlay: true,
                                autoBuffering: false,
                                wmode: 'opaque'
                        },
                        plugins: {
                                controls:{
                                        fullscreen: true,
                                        volume: false,
                                        time: false,
                                        // setup auto hide
                                        autoHide: 'always',
                                        hideDelay: 2000,
                                        bottom: 0,
                                        sliderGradient: 'none',
      sliderGradient: 'none',
      volumeSliderGradient: 'none',
      height: 20,
      opacity: 1.0,
      backgroundGradient: 'none',
      borderRadius: '0px',
      tooltipColor: '#5F747C',
      durationColor: '#bdbdbd',
      sliderGradient: 'none',
      timeBgColor: '#555555',
      buttonColor: '#000000',
      progressGradient: 'medium',
      volumeSliderColor: '#000000',
      bufferGradient: 'none',
      buttonOverColor: '#728B94',
      backgroundColor: '#ffba47',
      progressColor: '#ffffff',
      sliderColor: '#ffffff',
      timeColor: '#ffffff',
      tooltipTextColor: '#ffffff',
      bufferColor: '#000000',
      height: 20,
      opacity: 1.0

                                                                }

                                                        }

});





// install flowplayer on the container
$f("playerb", "http://www.networxonline.com/networxfplayer.swf",  {

    // our fake fullscreen action.

    // when ESC is pressed above the player, "fullscreen" is closed
    onKeyPress: function(key) {
        if (key == 27) {
            $("div.overlay").overlay().close();
        }
    }
,
 key: '#$414b55df0ea9bf277d1',
                   clip: {
 url: "http://yoli.s3.amazonaws.com/The_Problem_782x440.flv",
// url: "http://yoli.s3.amazonaws.com/Trees for the Future_About Us.flv",
                                autoPlay: true,
                                autoBuffering: false,
                                wmode: 'opaque'
                        },
                        plugins: {
                                controls:{
                                        fullscreen: true,
                                        volume: false,
                                        time: false,
                                        // setup auto hide
                                        autoHide: 'always',
                                        hideDelay: 2000,
                                        bottom: 0,
                                        sliderGradient: 'none',
      sliderGradient: 'none',
      volumeSliderGradient: 'none',
      height: 20,
      opacity: 1.0,
      backgroundGradient: 'none',
      borderRadius: '0px',
      tooltipColor: '#5F747C',
      durationColor: '#bdbdbd',
      sliderGradient: 'none',
      timeBgColor: '#555555',
      buttonColor: '#000000',
      progressGradient: 'medium',
      volumeSliderColor: '#000000',
      bufferGradient: 'none',
      buttonOverColor: '#728B94',
      backgroundColor: '#ffba47',
      progressColor: '#ffffff',
      sliderColor: '#ffffff',
      timeColor: '#ffffff',
      tooltipTextColor: '#ffffff',
      bufferColor: '#000000',
      height: 20,
      opacity: 1.0

                                                                }

                                                        }

});




// install flowplayer on the container
$f("playerc", "http://www.networxonline.com/networxfplayer.swf",  {

    // our fake fullscreen action.

    // when ESC is pressed above the player, "fullscreen" is closed
    onKeyPress: function(key) {
        if (key == 27) {
            $("div.overlay").overlay().close();
        }
    }
,
 key: '#$414b55df0ea9bf277d1',
                   clip: {
// url: "http://yoli.s3.amazonaws.com/Trees for the Future_About Us.flv",
 url: "http://yoli.s3.amazonaws.com/The_Solution_782x440.flv",
                                autoPlay: true,
                                autoBuffering: false,
                                wmode: 'opaque'
                        },
                        plugins: {
                                controls:{
                                        fullscreen: true,
                                        volume: false,
                                        time: false,
                                        // setup auto hide
                                        autoHide: 'always',
                                        hideDelay: 2000,
                                        bottom: 0,
                                        sliderGradient: 'none',
      sliderGradient: 'none',
      volumeSliderGradient: 'none',
      height: 20,
      opacity: 1.0,
      backgroundGradient: 'none',
      borderRadius: '0px',
      tooltipColor: '#5F747C',
      durationColor: '#bdbdbd',
      sliderGradient: 'none',
      timeBgColor: '#555555',
      buttonColor: '#000000',
      progressGradient: 'medium',
      volumeSliderColor: '#000000',
      bufferGradient: 'none',
      buttonOverColor: '#728B94',
      backgroundColor: '#ffba47',
      progressColor: '#ffffff',
      sliderColor: '#ffffff',
      timeColor: '#ffffff',
      tooltipTextColor: '#ffffff',
      bufferColor: '#000000',
      height: 20,
      opacity: 1.0

                                                                }

                                                        }

});




// install flowplayer on the container
$f("playerd", "http://www.networxonline.com/networxfplayer.swf",  {

    // our fake fullscreen action.

    // when ESC is pressed above the player, "fullscreen" is closed
    onKeyPress: function(key) {
        if (key == 27) {
            $("div.overlay").overlay().close();
        }
    }
,
 key: '#$414b55df0ea9bf277d1',
                   clip: {
// url: "http://yoli.s3.amazonaws.com/Trees for the Future_About Us.flv",
 url: "http://yoli.s3.amazonaws.com/Still_anim_v6_782x440.flv",
                                autoPlay: true,
                                autoBuffering: false,
                                wmode: 'opaque'
                        },
                        plugins: {
                                controls:{
                                        fullscreen: true,
                                        volume: false,
                                        time: false,
                                        // setup auto hide
                                        autoHide: 'always',
                                        hideDelay: 2000,
                                        bottom: 0,
                                        sliderGradient: 'none',
      sliderGradient: 'none',
      volumeSliderGradient: 'none',
      height: 20,
      opacity: 1.0,
      backgroundGradient: 'none',
      borderRadius: '0px',
      tooltipColor: '#5F747C',
      durationColor: '#bdbdbd',
      sliderGradient: 'none',
      timeBgColor: '#555555',
      buttonColor: '#000000',
      progressGradient: 'medium',
      volumeSliderColor: '#000000',
      bufferGradient: 'none',
      buttonOverColor: '#728B94',
      backgroundColor: '#ffba47',
      progressColor: '#ffffff',
      sliderColor: '#ffffff',
      timeColor: '#ffffff',
      tooltipTextColor: '#ffffff',
      bufferColor: '#000000',
      height: 20,
      opacity: 1.0

                                                                }

                                                        }

});

// setup overlay
$("div.overlay").overlay({


effect: 'apple',
expose: '#14432b',

    // 2. when overlay is loaded, we reposition and resize the player on top of it
    onLoad: function() {
        // get handle to the embed element
        var embed = $("#playera :first");

        /* and reposition / resize it. you will propably have to tweak
            these when placing this on your site */

        var el = this.getContent();
        var height = el.height();

        embed.css({
            // size
            width:parseInt(el.width()) -80,
            height:parseInt(height) -80,

            // position
            left: parseInt(el.css("left")) + 40,
            top: parseInt(el.css("top")) + 40
        });

        // while overlay was growing we were in the paused state
        $f().resume();
    },
    // when overlay closes
    onClose: function() {

        // 1. return our player to its original size/position
        $("#playera :first").css({top: null, left: null, width: null, height: null});

        // 2. enable the fullscreen button again
        $f().getControls().enable({fullscreen:true});
    }
});

});