/* 	

 *	Copyright 2010 Institut de recherche et d'innovation 

 *	contributor(s) : Samuel Huron 

 *	Use Silvia Pfeiffer 's javascript mediafragment implementation

 *

 *	contact@iri.centrepompidou.fr

 *	http://www.iri.centrepompidou.fr 

 *	 

 *	This software is a computer program whose purpose is to show and add annotations on a video .

 *	This software is governed by the CeCILL-C license under French law and

 *	abiding by the rules of distribution of free software. You can  use, 

 *	modify and/ or redistribute the software under the terms of the CeCILL-C

 *	license as circulated by CEA, CNRS and INRIA at the following URL

 *	"http://www.cecill.info". 

 *	

 *	The fact that you are presently reading this means that you have had

 *	knowledge of the CeCILL-C license and that you accept its terms.

*/

if ( window.IriSP === undefined && window.__IriSP === undefined ) { 

	var IriSP = {}; 

	var __IriSP = IriSP; /* for backward compatibility */

}

// Official instance - to refactor ?

IriSP.MyLdt 		= null;

IriSP.MyTags 		= null;

IriSP.MyApiPlayer	= null;

IriSP.player		= null;

// genral var (old code) - to refactor 

IriSP.Durration		= null;

IriSP.playerLdtWidth	= null;

IriSP.playerLdtHeight	= null;

IriSP.loadLibs = function( libs, customCssPath, callback ) {

		// Localize jQuery variable

		IriSP.jQuery = null;

		/* FIXME : to refactor using popcorn.getscript ? */

		/******** Load jQuery if not present *********/

		if ( window.jQuery === undefined || window.jQuery.fn.jquery !== '1.4.2' ) {

			var script_tag = document.createElement( 'script' );

			script_tag.setAttribute( "type", "text/javascript" );

			script_tag.setAttribute( "src", libs.jQuery );

			script_tag.onload = scriptLibHandler;

			script_tag.onreadystatechange = function () { // Same thing but for IE

				if ( this.readyState == 'complete' || this.readyState == 'loaded' ) {

					scriptLibHandler();					

				}

			};

			// Try to find the head, otherwise default to the documentElement

			( document.getElementsByTagName("head")[0] || document.documentElement ).appendChild( script_tag );

		} else {

			// The jQuery version on the window is the one we want to use

			 IriSP.jQuery = window.jQuery;

			 scriptLibHandler();

		}

		/******** Called once jQuery has loaded ******/

		function scriptLibHandler() {

			var script_jqUi_tooltip = document.createElement( 'script' );

			script_jqUi_tooltip.setAttribute( "type", "text/javascript" );

			script_jqUi_tooltip.setAttribute( "src", libs.jQueryToolTip );

			script_jqUi_tooltip.onload = scriptLoadHandler;

			script_jqUi_tooltip.onreadystatechange = function () { // Same thing but for IE

				if ( this.readyState == 'complete' || this.readyState == 'loaded' ) {

					scriptLoadHandler( "jquery.tools.min.js loded" );

				}

			};

			var script_swfObj = document.createElement('script');

			script_swfObj.setAttribute( "type","text/javascript" );

			script_swfObj.setAttribute( "src",libs.swfObject );

			script_swfObj.onload = scriptLoadHandler;

			script_swfObj.onreadystatechange = function () { // Same thing but for IE

				if ( this.readyState == 'complete' || this.readyState == 'loaded' ) {

					scriptLoadHandler( "swfobject.js loded" );

				}

			};

			var script_jqUi = document.createElement( 'script' );

			script_jqUi.setAttribute( "type","text/javascript" );

			script_jqUi.setAttribute( "src",libs.jQueryUI );

			script_jqUi.onload = scriptLoadHandler;

			script_jqUi.onreadystatechange = function () { // Same thing but for IE

				if ( this.readyState == 'complete' || this.readyState == 'loaded' ) {

					scriptLoadHandler( "jquery-ui.min.js loded" );

				}

			};

			( document.getElementsByTagName("head")[0] || document.documentElement ).appendChild( script_jqUi_tooltip);

			( document.getElementsByTagName("head")[0] || document.documentElement ).appendChild( script_jqUi );

			( document.getElementsByTagName("head")[0] || document.documentElement ).appendChild( script_swfObj );

		};

		/******** Called once all lib are loaded ******/

		var loadLib = 0;

		/* FIXME : ugly */

		function scriptLoadHandler( Mylib ) {

			//alert(Mylib);

			loadLib +=1;

			if( loadLib===3 ) { 

				main(); 			  

			}

		};

		/******** Our main function ********/

		function main() { 

			//  Make our own IriSP.jQuery and restore window.jQuery if there was one. 

			IriSP.jQuery = window.jQuery.noConflict( true );

			// Call our Jquery

			IriSP.jQuery( document ).ready( function($) { 

				/******* Load CSS *******/

				var css_link_jquery = IriSP.jQuery( "<link>", { 

					rel: "stylesheet", 

					type: "text/css", 

					href: libs.cssjQueryUI,

					'class': "dynamic_css"

				} );

				var css_link_custom = IriSP.jQuery( "<link>", { 

					rel: "stylesheet", 

					type: "text/css", 

					href: customCssPath,

					'class': "dynamic_css"

				} );

				css_link_jquery.appendTo( 'head' );

				css_link_custom.appendTo( 'head' );   

				// to see dynamicly loaded css on IE

				if ( $.browser.msie ) {

					$( '.dynamic_css' ).clone().appendTo( 'head' );

				}

        callback();

      });

    }

};

IriSP.init = function ( config ) {		

		if ( config === null ) {

			IriSP.config 			 = IriSP.configDefault;

		} else {

			IriSP.config 			 = config;

			if ( IriSP.config.player.params == null ) {

				IriSP.config.player.params = IriSP.configDefault.player.params;

			}

			if ( IriSP.config.player.flashvars == null ) {

				IriSP.config.player.flashvars = IriSP.configDefault.player.flashvars;

			}

			if ( IriSP.config.player.attributes == null ) {

				IriSP.config.player.attributes = IriSP.configDefault.player.attributes;

			}

		}

		var metadataSrc 		 = IriSP.config.metadata.src;

		var guiContainer		 = IriSP.config.gui.container;

		var guiMode				 = IriSP.config.gui.mode;

		var guiLdtShareTool		 = IriSP.LdtShareTool;

    IriSP.loadLibs(IriSP.lib, IriSP.config.gui.css, function() {

    	IriSP.createPlayerChrome();			

      /******* Load Metadata *******/

      IriSP.getMetadata();	

    });

				//__IriSP.trace("main","ready createMyHtml");

};

__IriSP.Media = function ( id, url, duration, title, description ) {

		this.id 		 	= id;

		this.url 		= url;

		this.title 		= title;

		this.description = description;

		this.duration 	= duration;

		this.lignes 	  	= new Array();

		IriSP.trace( "__IriSP.Media" , "Media ID : "+id);

		IriSP.trace( "__IriSP.Media" , "Media URL : "+url);

		IriSP.trace( "__IriSP.Media" , "Media title : "+title);

};

__IriSP.Media.prototype.createPlayerMedia = function ( width, height, MyStreamer, MySwfPath) {

		IriSP.MyApiPlayer = new __IriSP.APIplayer( width, height, this.url, this.duration, MyStreamer, MySwfPath);

		//createPlayer(width,height,this.url,this.duration,MyStreamer,MySwfPath);

};

__IriSP.Media.prototype.getMediaDuration = function () {

		return (this.duration);

};

__IriSP.Media.prototype.getMediaTitle = function (){

		return (this.title);

};

__IriSP.APIplayer = function ( width, height, url, duration, streamerPath, MySwfPath){

		this.player 			= null;

		this.hashchangeUpdate 	= null;

		this.width				= width;

		this.height				= height;

		this.url				= url;

		this.duration			= duration;

		this.streamerPath		= streamerPath;

		this.MySwfPath			= MySwfPath;

		IriSP.MyApiPlayer		= this;

		IriSP.createPlayer( this.url, this.streamerPath );

		IriSP.trace( "__IriSP.APIplayer", "__IriSP.createPlayer" );

	//__IriSP.config.player

	/*

	- dailymotion  // &enableApi=1&chromeless=1

	- youtube 

	- html5

	- flowplayer 

	- jwplayer

	*/

};

__IriSP.APIplayer.prototype.ready = function( player ) {

	//__IriSP.trace("__IriSP.APIplayer.prototype.APIpReady"," __IriSP.createInterface");

	IriSP.createInterface( this.width, this.height, this.duration );

	//__IriSP.trace("__IriSP.APIplayer.prototype.APIpReady","END  __IriSP.createInterface");

	// Search

	//__IriSP.jQuery("#LdtSearchInput").change(function() {__IriSP.Search(this.value);});

	//__IriSP.jQuery("#LdtSearchInput").live('change', function(event) {__IriSP.Search(this.value);}); 

	IriSP.jQuery( "#LdtSearchInput" ).keydown( function() { IriSP.Search( this.value );} );

	IriSP.jQuery("#LdtSearchInput").keyup( function() { IriSP.Search( this.value );} );

};

__IriSP.APIplayer.prototype.pause = function(){

	this.hashchangeUpdate = true;

	IriSP.player.sendEvent( 'PAUSE' );

};

__IriSP.APIplayer.prototype.play  = function() {  

	this.hashchangeUpdate = true;  

  var status = IriSP.player.media.paused;

  if ( status == true ){        

    IriSP.player.play();

  } else {

    IriSP.player.pause();

  }

};

__IriSP.APIplayer.prototype.mute  = function() {

  if (!IriSP.player.muted()) {    

    IriSP.player.mute(true);

    IriSP.jQuery(" .ui-icon-volume-on ").css("background-position", "-130px -160px");    

  } else {

    IriSP.player.mute(false);

    IriSP.jQuery( ".ui-icon-volume-on" ).css("background-position", "-144px -160px" );

  }

};

__IriSP.APIplayer.prototype.share = function( network ) {

	/* FIXME : remove hardcoded */

	var MyMessage = encodeURIComponent( "J'écoute Les Retours du Dimanche : " );

	var MyURLNow = window.location.href;

	var shareURL = null;

	//alert(network+" : "+MyURLNow);

	/* FIXME : use a sharing library */

	if(network == "facebook"){

			shareURL = "http://www.facebook.com/share.php?u=";			

		}else if(network == "twitter"){

			shareURL  = "http://twitter.com/home?status="+MyMessage;	

		}else if(network == "myspace"){

			shareURL ="http://www.myspace.com/Modules/PostTo/Pages/?u=";

		}else if(network == "delicious"){

			shareURL = "http://delicious.com/save?url=";

		}else if(network == "JameSpot"){

			shareURL = "http://www.jamespot.com/?action=spotit&u=";

			//alert(network+" non actif pour l'instant : "+MyURLNow);

	}

	if (shareURL != null)

		window.open( shareURL+encodeURIComponent(MyURLNow) );

	//window.location.href = shareURL+encodeURIComponent(MyURLNow);

};

__IriSP.APIplayer.prototype.seek = function (time) {

	if( time==0 ) { time=1; }

	IriSP.trace( "__IriSP.APIplayer.prototype.seek", time );	

	IriSP.player.currentTime( time );		

};

IriSP.currentPosition 	= 0; 

IriSP.player 			= null;

IriSP.createPlayer = function ( url, streamerPath ) {

  IriSP.jQuery("#Ldt-PlaceHolder").html(""); // clear the message "you need flash to display this player

	if( IriSP.config.player.type=='dailymotion' ) {

		IriSP.config.player.src = IriSP.config.player.src+"&chromeless=1&enableApi=1";

  } else if ( IriSP.config.player.type=='youtube' ) {

    templ = "width: {{width}}px; height: {{height}}px; margin-bottom: 5px;";

    var str = Mustache.to_html(templ, {width: IriSP.config.gui.width, height: IriSP.config.gui.height});    

    // Popcorn.youtube wants us to specify the size of the player in the style attribute of its container div.

    IriSP.jQuery("#Ldt-PlaceHolder").attr("style", str);

    IriSP.player = Popcorn.youtube( '#Ldt-PlaceHolder', IriSP.config.player.src, {"controls": 0} );    

	} else if ( IriSP.config.player.type=='jwplayer' ) {