// vplayer extension to customize look and features of the video player, and trigger custom events
(function($){   
    $.extend(true, $.vplayer, {
        defaults: {
            //support: ['html', 'flowplayer'],
            flowplayer: {
                swf: '/video/swf/flowplayer-3.1.5.swf',               
                key: '#@f64c6fff03ecb271da8',  //for hungry-girl.com
                controls: {
                  buttonOverColor: '#29d0ff',
                  progressGradient: 'medium',
                  sliderColor: '#000000',
                  bufferGradient: 'none',
                  tooltipColor: '#5F747C',
                  progressColor: '#ffffff',
                  sliderGradient: 'none',
                  tooltipTextColor: '#ffffff',
                  volumeSliderGradient: 'none',
                  timeColor: '#ffffff',
                  borderRadius: '20',
                  backgroundGradient: 'low',
                  buttonColor: '#149deb',
                  volumeSliderColor: '#030046',
                  timeBgColor: '#030046',
                  tooltipColor: '#030046',
                  backgroundColor: '#240481',
                  bufferColor: '#db57c4',  // '#aadc56',    // alt skin
                  durationColor: '#fc83e6',  // '#aadc56',  // green instead of pink
                  height: 22
               }
            }   
        },                                    
        flowplayerState: {
          generate: function(obj) {
            var options = $.vplayer.options;
            var objectId = options.flowplayer.id+ $.vplayer.count;
            obj.prepend($('<div href="'+options.src+'" id="'+objectId+'" />'));
            $('#'+objectId).css({
                 height: options.height + 'px', width: options.width + 'px'
            });
            var videoPlayer = flowplayer(objectId, options.flowplayer.swf, {
                 plugins: {
                     controls: options.flowplayer.controls
                 },
                 key: options.flowplayer.key, 
                 clip: {
                     autoPlay: options.autoplay? true: false,
                     scaling: options.flowplayer.scaling,
                     autoBuffering: options.flowplayer.autoBuffering
                 },
                 canvas: {backgroundGradient: 'none'},
                 logo: {opacity: 0},
                 //Flowplayer API: http://flowplayer.org/documentation/api/clip.html
                 //Event Pooling with jQuery: http://www.michaelhamrah.com/blog/2008/12/#post-55
                 onBeforeFinish: function() {                    
                    $(document).trigger('VIDEO_END', {videoId: currentVideo.videoId})  
                 },
                 onStart: function() {
                    $(document).trigger('VIDEO_START', {videoId: currentVideo.videoId})
                 }
            });
          }
        },           
        loadUrl: function(uri) {
          if ($.vplayer.player.src && $.vplayer.player.load) {
            $.vplayer.player.src = uri;
            $.vplayer.player.load(uri);
          }
          if ($f() && $f().setClip) {
            $f().setClip(uri);
          }
        },      
        pushPlayerCallBack: function(player) {
           //HTML Video API: http://developer.mozilla.org/En/Using_audio_and_video_in_Firefox
           $(player).bind('ended', function() { 
                $(document).trigger('VIDEO_END', {videoId: currentVideo.videoId});
           }); 
           $(player).bind('loadstart', function() { 
                $(document).trigger('VIDEO_START', {videoId: currentVideo.videoId});
           }); 
        }   
        
    })    
})(jQuery);

// init page display
$(function() {     
        var params = {
            flowplayer: {
                swf: '/video/swf/flowplayer-3.1.5.swf'    
            },
            autoplay: false
        };
        //params.src = videoInfo[videoId].url;
        $('#video_player').vplayer(params);  
})