/*****************************************************
*  
*  Copyright 2010 Adobe Systems Incorporated.  All Rights Reserved.
*  
*****************************************************
*  The contents of this file are subject to the Berkeley Software Distribution (BSD) Licence
*  (the "License"); you may not use this file except in
*  compliance with the License. 
* 
*  Software distributed under the License is distributed on an "AS IS"
*  basis, WITHOUT WARRANTY OF ANY KIND, either express or implied. See the
*  License for the specific language governing rights and limitations
*  under the License.
*   
*  
*  The Initial Developer of the Original Code is Adobe Systems Incorporated.
*  Portions created by Adobe Systems Incorporated are Copyright (C) 2010 Adobe Systems 
*  Incorporated. All Rights Reserved. 
*  
*****************************************************/

/**
 * jQuery plugin that generate the necessary video playback mark-up.
 * @param {Object} /iPad/if
 */
(function($, undefined){


    /**
     * Adapts the options of the video player based on the device/browser capabilities.
     */
    var AdaptiveExperienceConfigurator = function(){
    };
    
    var adaptiveExperienceConfiguratorMethods = {
    
        initialize: function(){
            this.userAgent = navigator.userAgent;
            
            this.isiPad = this.userAgent.match(/iPad/i) != null;
            this.isiPhone = this.userAgent.match(/iPhone/i) != null;
            this.isAndroid = this.userAgent.match(/Android/i) != null;
            
            this.screenWidth = screen.width;
            this.screenHeight = screen.width;
            this.isPhone = this.screenHeight < 360;
            this.isTablet = this.screenHeight >= 360 && this.screenHeight <= 768;
            this.isDesktop = this.screenHeight > 768;
            
            this.hasHTML5VideoCapability = !!document.createElement('video').canPlayType;
			this.flashPlayerVersion = swfobject.getFlashPlayerVersion();
            this.hasFlashPlayerCapability = this.flashPlayerVersion.major >= 10;          
        },
        
        adapt: function(options){
        
            if (!this.userAgent) {
                // Initialize lazily
                this.initialize();
            }
            
            // First, extend with default values
			options = $.extend({}, $.fn.strobemediaplayback.defaults, options);
            this.changed = true;
            var i = 0, n = this.rules.length;
            while (this.changed) {
                this.changed = false;
                for (i = 0; i < n; i++) {
                    this.rules[i](this, options);
                }
                this.changed = false;
            }
            return options;
        },
        
        setOption: function(options, name, value){
            if (!options.hasOwnProperty(name) || options[name] != value) {
                options[name] = value;
                this.changed = true;
            }
        },
		
        rules: [ 		
			//playerImplementation
			function(context, options){
	            if (options.favorFlashOverHtml5Video && context.hasFlashPlayerCapability) {
					context.setOption(options, "useHTML5", false);
				}
				else {
					if (!options.favorFlashOverHtml5Video && context.hasHTML5VideoCapability) {
						context.setOption(options, "useHTML5", true);
					}
					else {
						if (options.favorFlashOverHtml5Video) {
							context.setOption(options, "useHTML5", !context.hasFlashPlayerCapability);
						}
						else {
							context.setOption(options, "useHTML5", context.hasHTML5VideoCapability);
						}
					}
				}
	        }, 
			
			//neverUseJavaScriptControlsOnIPhone:
	 		function(context, options){
	            if (context.isiPhone) {
	                context.setOption(options, "javascriptControls", false);
	            }
	        }, 
			
			//hideVolumeControlOnIPad: 
	 		function(context, options){
	            if (context.isiPad) {
	                context.setOption(options, "disabledControls", ".volume");
	            }
	        }, 
			
			// No Flash & No HTML5 Video
	 		function(context, options){
	            if (!context.hasFlashPlayerCapability && !context.hasHTML5VideoCapability) {
	                context.setOption(options, "javascriptControls", false);
	                context.setOption(options, "displayAlternativeContent", true);
	            }
	        }
		]
    };
    
    AdaptiveExperienceConfigurator.prototype = adaptiveExperienceConfiguratorMethods;
	  
	$.fn.adaptiveexperienceconfigurator = new AdaptiveExperienceConfigurator();
    
    var StrobeMediaPlayback = function(element, options){
		this.element = element;
        this.$element = $(element);
        this.options = $.extend({}, $.fn.strobemediaplayback.defaults, options);
    };
	
	// HACK: keeps the reference to the context of the function which uses swfobject 
	// - needed for the swfobject.js error callback handler.
    var onFlashEmbedCompleteThisReference = null;
	
    var strobeMediaPlaybackMethods = {
        initialize: function() {
			// Detect video playback capabilities and adapt the settings
		    this.options = $.fn.adaptiveexperienceconfigurator.adapt(this.options);
			
            if (this.options.useHTML5) {
				var $video = $("<video></video>");
                $video.attr("id", this.options.id);	
                $video.attr("class", "smp_video");
                $video.attr("preload", "none");
                $video.attr("width", this.options.width);
                $video.attr("height", this.options.height);
                $video.attr("src", this.options.src);
				
				if (this.options.loop)
				{
					$video.attr("loop", "loop");
				}
				if (this.options.autoPlay)
				{
					$video.attr("autoplay", "autoplay");
				}
				if (this.options.controlBarMode !=  "none")
				{
					$video.attr("controls", "controls");
				}
				if  (this.options.poster != "")
				{
					$video.attr("poster", this.options.poster);
				}
                this.$element.replaceWith($video);
				
				this.$video = $video;
				this.video = $video[0];
            }
            else {
                this.options.queryString = $.fn.strobemediaplayback.generateQueryString(this.options);
                var flashvars = this.options;
				flashvars.javascriptCallbackFunction = "$.fn.strobemediaplayback.triggerHandler";
                var params = {
                    allowFullScreen: "true",
					wmode: "opaque"
                };
                var attributes = {
                    id: this.options.id,
                    name: this.options.id
                };
				onFlashEmbedCompleteThisReference = this;
                swfobject.embedSWF(this.options.swf, 
					this.$element.attr("id"), 
					this.options.width, 
					this.options.height, 
					this.options.minimumFlashPlayerVersion, 
					this.options.expressInstallSwfUrl, 
					flashvars, params, attributes, 
					this.onFlashEmbedComplete);		
				
					this.monitor = new VideoElementMonitor(null);  
					
					this.$video = this.monitor.$videoElement;
					this.video = this.monitor.videoElement;
					proxyMediaElements[this.options.id] = this.monitor;				            
            }
        },
		
		onFlashEmbedComplete: function(event)
		{			
			if (!event.success && $.fn.adaptiveexperienceconfigurator.hasHTML5VideoCapability)
			{
				onFlashEmbedCompleteThisReference.useHTML5 = true;
				onFlashEmbedCompleteThisReference.initialize();			
			}
			else {
				// TODO: Error notification - failed to embed the video -> fallback to displaying a link?
			}
		}
    }
    
    StrobeMediaPlayback.prototype = strobeMediaPlaybackMethods;
    
    $.fn.strobemediaplayback = function(options){
		
        var instances = [], i;
        
        var result = null;
		
		this.each(function(){
			var strobeMediaPlayback = new StrobeMediaPlayback(this, options);
            instances.push(strobeMediaPlayback);
        });
        
        for (i = 0; i < instances.length; i++) {			
            instances[i].initialize();
			if (result == null) {
				result = instances[i].$video;
			}
			else{
				result.push(instances[i].video);
			}
        }
        return result;
    };
    
    /**
     * Plug-in default values
     */
    $.fn.strobemediaplayback.defaults = {
        favorFlashOverHtml5Video: true,
        swf: "StrobeMediaPlayback.swf",
        //javascriptCallbackFunction: "org.strobemediaplayback.triggerHandler",
		javascriptCallbackFunction: "$.fn.strobemediaplayback.triggerHandler",
		
        minimumFlashPlayerVersion: "10.0.0",
        expressInstallSwfUrl: "expressInstall.swf",
		autoPlay: false,
		loop: false,
		controlBarMode: "docked",
		poster: ""
    };    
	
	
    /**
     * Utitility method that will retrieve the page parameters from the Query String.
     */
    $.fn.strobemediaplayback.parseQueryString = function(queryString){
        var options = {};
        
        var queryPairs = queryString.split('&'), queryPair, n = queryPairs.length;
        for (var i = 0; i < n; i++) {
            queryPair = queryPairs[i].split('=');
            if (queryPair[1] == "true" || queryPair[1] == "false") {
                options[queryPair[0]] = (queryPair[1] == "true");
            }
            else {
                var number = parseFloat(queryPair[1]);
                if (!isNaN(number)) {
                    options[queryPair[0]] = number;
                }
                else {
                    options[queryPair[0]] = queryPair[1];
                }
            }
        }
        return options;
    }
    
    
    /**
     * Utitility method that will retrieve the page parameters from the Query String.
     */
    $.fn.strobemediaplayback.generateQueryString = function(options){
        var queryStrings = [];
        for (var key in options) {
            if (queryStrings.length > 0) {
                queryStrings.push("&");
            }
            queryStrings.push(encodeURIComponent(key));
            queryStrings.push("=");
            queryStrings.push((options[key]));
        }
        return queryStrings.join("");
    }

	var proxyMediaElements = {};
	var proxiedMediaElements = {};
	
	$.fn.strobemediaplayback.triggerHandler = function(id, eventName, updatedProperties){
		var proxyMediaElement = proxyMediaElements[id];
		if (typeof proxyMediaElement != 'undefined') {
			
			if (typeof proxiedMediaElements[id] == 'undefined') {
				strobeMediaPlayback = document.getElementById(id);	
				proxiedMediaElements[id] = strobeMediaPlayback;
				
				proxyMediaElement.strobeMediaPlayback = strobeMediaPlayback;
			    proxyMediaElement.videoElement.play = jQuery.proxy(strobeMediaPlayback.play2, proxyMediaElement.strobeMediaPlayback);
		        proxyMediaElement.videoElement.pause = jQuery.proxy(strobeMediaPlayback.pause, proxyMediaElement.strobeMediaPlayback);
		        proxyMediaElement.videoElement.load = jQuery.proxy(proxyMediaElement.load, proxyMediaElement);
				proxyMediaElement.videoElement.strobeMediaPlayback = strobeMediaPlayback;				
				monitorChanges(proxyMediaElement);	
			}			
			proxyMediaElement.update(updatedProperties, [eventName], proxyMediaElement);
		}
	}
    /**
     * Custom video playback controls
     */
    var writableProperties = "src preload currentTime defaultPlaybackRate playbackRate autoplay loop controls volume muted".split(" ");
    
    var timeRangeProperties = "played seekable buffered".split(" ");
    var timeRangeMethods = {
        start: function(index){
            return this._start[index];
        },
        end: function(index){
            return this._end[index];
        }
    }
    
    var monitorChanges = function(monitor){
        var i = writableProperties.length;
        while (i--) {
            var propertyName = writableProperties[i];
            if (monitor.cc.hasOwnProperty(propertyName) &&
            monitor.videoElement.hasOwnProperty(propertyName) &&
            monitor.cc[propertyName] != monitor.videoElement[propertyName]) { 			
                var setter = "set" + propertyName.charAt(0).toUpperCase() + propertyName.substring(1);
                monitor.strobeMediaPlayback[setter](monitor.videoElement[propertyName]);
				monitor.cc[propertyName] = monitor.videoElement[propertyName];
            }
        }
        setTimeout(function(){
            monitorChanges(monitor)
        }, 500);
    };
    
    var VideoElementMonitor = function($strobeMediaPlayback) {        
        this.videoElement = {
            duration: 0,
            currentTime: 0,
            paused: true,
            muted: false
        };
        
        this.cc = {
            duration: 0,
            currentTime: 0,
            paused: true,
            muted: false
        };
 
        this.$videoElement = $(this.videoElement);
    }
	
    var isPropertyChanged = function(object, cc, propertyName)
	{
		return !object.hasOwnProperty(propertyName) && object[propertyName] != cc[propertyName];
	}
	
    var videoElementMonitorMethods = {		
        load: function(){			
            this.strobeMediaPlayback.setSrc(this.videoElement.src);
            this.strobeMediaPlayback.load();
        },
        
        update: function(properties, events, monitor){       			
            var propertyName;
			for (propertyName in properties) {
                if (jQuery.inArray("emptied", events) < 0 &&
                monitor.cc.hasOwnProperty(propertyName) &&
                monitor.videoElement.hasOwnProperty(propertyName) &&
                (monitor.cc[propertyName] != monitor.videoElement[propertyName] && 
				!isNaN(monitor.cc[propertyName]) && 
				!isNaN(monitor.videoElement[propertyName]))) {
                    // this value changed
                    continue;
                }
				
                monitor.cc[propertyName] = properties[propertyName];
                monitor.videoElement[propertyName] = properties[propertyName];
                if (jQuery.inArray(propertyName, timeRangeProperties) >= 0) {
                    monitor.videoElement[propertyName].start = timeRangeMethods.start;
                    monitor.videoElement[propertyName].end = timeRangeMethods.end;
                }
            }

            if (events) {
                var i = events.length;
                while (i--) {
                    monitor.$videoElement.triggerHandler(events[i]);
                }
            }
        }
    }
    
    VideoElementMonitor.prototype = videoElementMonitorMethods;
})(jQuery);


/*
 * Generate org.strobemediaplayback namespace - which will be used by the
 * Flash/Strobe Media Playback once it is ready
 */
if (typeof org == 'undefined') {
    var org = {};
}

if (typeof org.strobemediaplayback == 'undefined') {
    org.strobemediaplayback = {};
}

if (typeof org.strobemediaplayback.proxied == 'undefined') {
    org.strobemediaplayback.proxied = {};
}

org.strobemediaplayback.triggerHandler = function(id, eventName, updatedProperties){
	alert("--org.strobemediaplayback.triggerHandler");
    if (eventName == "onJavaScriptBridgeCreated") {
        if (typeof onJavaScriptBridgeCreated == "function") {
            onJavaScriptBridgeCreated(id);
        }
    }
    else {
        if (typeof org.strobemediaplayback.proxied[id] != 'undefined') {
            org.strobemediaplayback.proxied[id].update(updatedProperties, [eventName], org.strobemediaplayback.proxied[id]);
        }
    }
}