$(document).ready(function() {
    
    $('.box-videos').click(function(){
        $('#videos').attr('tag', $(this).attr('tag'));
    }).fancybox({
    	transitionIn : 'elastic',
    	transitionOut : 'elastic',
        speedIn : 800,
        speedOut : 200,
    	overlayShow : true,
    	overlayColor : '#fff',
    	overlayOpacity : 0.8,
        padding : 0,
        margin:0,
        onStart : showVideos,
        onComplete : loadVideos,
        onClosed : hideVideos,
        scrolling : 'no',
        showCloseButton : true,
        hideOnOverlayClick: false,
        titleShow : false,
        autoScale: false,
        height : 683,
        width : 932
    });
    
    /*
    $f("player", "/wp-content/media/flowplayer-3.1.0.swf", {
        clip: {
            autoPlay : false,
            autoBuffering : true
        },
        play: {
            opacity: 0.6
        }
    });
    */
    
    var theURL = document.location.toString();
    if( theURL.match('#') ) {
      var video = theURL.split('#')[1];
      if( $("img[video_name='" + video + "']").length == 1 ){
          var the_list = $("img[video_name='" + video + "']").parent().parent().attr('id');
          $("img[video_name='" + video + "']").addClass('start_vid');
          var tag = the_list.split('-')[0];
          $("[tag='" + tag + "']").click();
      }
    }
    
});

var video_item = '';
var video_tag = '';

function showVideos(){
    $('.videos').css('display','block');
    video_tag = $('#videos').attr('tag');
    $('#' + video_tag + '-list').css('display','block');
    
    $.each($('#' + video_tag + '-list').find('li'), function(){
        $(this).click(function(){
            loadVideo($(this));
        });
    });
    
    if ($('#' + video_tag + '-ourwork').length == 0) {
        $('#' + video_tag + '-list').append('<li><a href="/portfolio"><img id="' + video_tag + '-ourwork" src="/wp-content/themes/insivia/images/our-work.gif" /></a></li>');
    }
    
    if (typeof(pageTracker) != 'undefined') {
        pageTracker._trackEvent("Videos", "Opened", 'video: ' + $('#videos').attr('tag'));
    }
    
}

function loadVideos(){
    if( $('#' + video_tag + '-list').find('.start_vid').length == 1 ){
        video_item = $(".start_vid").parent();
    }else{
        video_item = $('#' + video_tag + '-list').children().eq(0);
    }
    loadVideo(video_item); 
}

function loadVideo(video_item){
    
    var main_video = $(video_item).find('img').attr('video_name');
    $('.selected').removeClass('selected');
    $(video_item).addClass('selected');
    
    if ( detectMobile() ) {
    
        $("#player").html(
            '<video src="http://www.insivia.com/wp-content/themes/insivia/videos/' + main_video + '.m4v" width="920" height="540" controls>' +
            '<source src="http://www.insivia.com/wp-content/themes/insivia/videos/' + main_video + '.m4v" type="video/mp4" />' +
            '</video>'
        );
        
        if (typeof(pageTracker) != 'undefined') {
            pageTracker._trackEvent("Videos", "iPhone Open", 'video: ' + main_video);
        }
        
    } else {
        
        $f("player", "/wp-content/media/flowplayer-3.1.0.swf", {
            clip: {
                autoPlay: false,
                autoBuffering: true,
       	        baseUrl: 'http://www.insivia.com/wp-content/themes/insivia/videos/',
                url: 'http://www.insivia.com/wp-content/themes/insivia/videos/' + main_video + '.m4v',
                details: {
			        video_name: main_video
                },
                onBegin: function(clip) {
			        if (typeof(pageTracker) != 'undefined') {
                        pageTracker._trackEvent("Videos", "Begin", 'video: ' + clip.details.video_name);
                    }
		        },
                onStart: function(clip) {
			        if (typeof(pageTracker) != 'undefined') {
                        this.onCuepoint([1], function(clip, cuepoint) {
                            pageTracker._trackEvent("Videos", "Pause", 'video: ' + clip.details.video_name);
                        });
                    }
		        },
                onPause: function(clip) {
			        if (typeof(pageTracker) != 'undefined') {
                        pageTracker._trackEvent("Videos", "Pause", 'video: ' + clip.details.video_name, parseInt(this.getTime()));
                    }
		        },
                onResume: function(clip) {
			        if (typeof(pageTracker) != 'undefined') {
                        pageTracker._trackEvent("Videos", "Resume", 'video: ' + clip.details.video_name, parseInt(this.getTime()));
                    }
		        },
                onStop: function(clip) {
			        if (typeof(pageTracker) != 'undefined') {
                        pageTracker._trackEvent("Videos", "Stop", 'video: ' + clip.details.video_name, parseInt(this.getTime()));
                    }
		        },
                onFinish: function(clip) {
			        if (typeof(pageTracker) != 'undefined') {
                        pageTracker._trackEvent("Videos", "Finish", 'video: ' + clip.details.video_name);
                    }
		        }
            },
            play: {
                opacity: 0.6
            }
        });
        
    }
        
}

function detectMobile(){
    if( (navigator.userAgent.match(/iPhone/i)) || 
        (navigator.userAgent.match(/iPod/i)) || 
        (navigator.userAgent.match(/iPad/i)) ){
        return true
    }
}

function hideVideos(){
    
    if (typeof(pageTracker) != 'undefined') {
        pageTracker._trackEvent("Videos", "Closed", 'video: ' + $('#videos').attr('tag'));
    }
    
    $('.videos').css('display','none');
    $('.videos-list').css('display','none');
    $('#videos').attr('tag','');
}