// FancyPlayer.js - A spicy mix of FancyBox and Flowplayer

$(document).ready(function() {

  var videoclip;
  var player;
  var vidid;
  var captions;
  var capShow;
  var ccbutShow;
  
  $(".video_link").hover(function(){
    vidid = $(".video_link").index(this);
    videoclip = $(".video_link").eq(vidid).attr("rel");
    
    if ($(".video_link").eq(vidid).hasClass('captions')) {
    captions = $(".video_link").eq(vidid).attr("name")+'.srt';
    capShow = true;
    ccbutShow = { width: 20, height: 15, right: 5, bottom: 32, label: 'SUBS' };
    } else { 
    captions = '';
    capShow = false;
    ccbutShow = null;
    }
  });
  
  
  $(".video_link").fancybox({
    'autoDimensions' : false,
    'width': 700,
    'height': 525,
    'showNavArrows': false,
    'scrolling' : 'no',
    'href' : '/scripts/blank.html',
    'hideOnContentClick':false,
    'overlayOpacity' :.6,
    'titleShow':false,
        
    'onComplete' :function(){
    
    $("#fancybox-inner").html("");
    
    if (videoclip == 'image') {        
        
        $("#fancy_right, #fancy_left").css({height:$("#fancy_div").height(), bottom: '0'});
        
        } else {
      
        player = $f("fancybox-inner",{src: swfplayer, wmode: 'opaque'},{
        
        key: swflicense,           
        play:{opacity:0},
        //key: '#$flowplayerkeycode',

        plugins: {
          
        /*
        captions: { 
          url: swfcaptions,            
          // pointer to a content plugin (see below) 
          captionTarget: 'content',
          showCaptions: capShow,
          button: ccbutShow
        },
        */
           
        /* 
          configure a content plugin so that it  
          looks good for showing subtitles 
        */ 
        content: { 
          url:swfcontent, 
          bottom: 25, 
          height:40, 
          backgroundColor: 'transparent', 
          backgroundGradient: 'none', 
          border: 0, 
          textDecoration: 'outline', 
          style: {  
            body: {  
              fontSize: 16,  
              fontFamily: 'Arial', 
              textAlign: 'center', 
              color: '#ffffff' 
            }  
          }  
        },
        
        controls:  {
        backgroundColor: 'transparent',
        progressColor: 'transparent',
        bufferColor: 'transparent',
        all: false,
        fullscreen:true,
        scrubber:true,
        volume:true,
        mute:true,
        play:true,
        height:30,
        autoHide: 'always'    

        }

        },
        clip:{
          scaling: "fit",
          autoPlay:true,
          autoBuffering:true,
          url:videopath+videoclip+'',
          //captionUrl: videopath+captions+'', 
          onStart:function(clip){
            var wrap=jQuery(this.getParent());
            var clipwidth = clip.metaData.width;
            var clipheight= clip.metaData.height;
            var pos = $.fn.fancybox.getViewport();
            $("#fancy_outer").css({width:clipwidth+20,height:clipheight+20});
            $("#fancy_outer").css('left', ((clipwidth + 36) > pos[0] ? pos[2] : pos[2] + Math.round((pos[0] - clipwidth  - 36)  / 2)));
            $("#fancy_outer").css('top',  ((clipheight + 50) > pos[1] ? pos[3] : pos[3] + Math.round((pos[1] - clipheight - 50)  / 2)));
            $("#fancy_right, #fancy_left").css({height:clipheight-60, bottom: '70px'});
            
          },
          onFinish:function(){
            $('#fancy_close').trigger('click');
          }
        }
      });

      player.load();
    }
      
      $('#fancy_right, #fancy_right_ico').click(function(){
        vidid++;
        videoclip = $(".video_link").eq(vidid).attr("name");
        if ($(".video_link").eq(vidid).hasClass('captions')) {
        captions = $(".video_link").eq(vidid).attr("name")+'.srt';
        capShow = true;
        ccbutShow = { width: 20, height: 15, right: 5, bottom: 32, label: 'CC' };
        } else {
        captions = 'videos/empty.srt';
        capShow = false;
        ccbutShow = null;
        }
      });
      
      $('#fancy_left, #fancy_left_ico').click(function(){
        vidid--;
        videoclip = $(".video_link").eq(vidid).attr("name");
        if ($(".video_link").eq(vidid).hasClass('captions')) {
        captions = $(".video_link").eq(vidid).attr("name")+'.srt';
        capShow = true;
        ccbutShow = { width: 20, height: 15, right: 5, bottom: 32, label: 'SUBS' };
        } else {
        captions = '';
        capShow = false;
        ccbutShow = null;
        }
      });
    },
    'callbackOnClose':function(){
      $("#fancy_content_api").remove();
    }
  });
  
});