/* 

 * 	

 *	Copyright 2010 Institut de recherche et d�innovation 

 *	contributor(s) : Samuel Huron 

 *	 

 *	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 ){ var __IriSP={};}

// Player Configuration  

__IriSP.config = {

		metadata:{

			format:'cinelab',

			src:'http://exp.iri.centrepompidou.fr/franceculture/franceculture/ldt/cljson/id/ef4dcc2e-8d3b-11df-8a24-00145ea4a2be',

			load:'jsonp'

		},

		gui:{

			width:650,

			height:0,

			mode:'radio',

			container:'LdtPlayer',

			debug:false, 

			css:'../src/css/LdtPlayer.css'

		},

		player:{

			type:'jwplayer',

			src:'../res/swf/player.swf'

		},

		module:null

	};

__IriSP.lib = {

			jQuery:"http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js",

			jQueryUI:"http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.4/jquery-ui.min.js",

			jQueryToolTip:"http://cdn.jquerytools.org/1.2.4/all/jquery.tools.min.js",

			swfObject:"http://ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js"

		};

// Player Variable

__IriSP.LdtShareTool = ""+

"\n<a onclick=\"__IriSP.MyApiPlayer.share('delicious');\" title='partager avec delicious'><span class='share shareDelicious'>&nbsp;</span></a>"+		

"\n<a onclick=\"__IriSP.MyApiPlayer.share('facebook');\" title='partager avec facebook'> <span class='share shareFacebook'>&nbsp;</span></a>"+

"\n<a onclick=\"__IriSP.MyApiPlayer.share('twitter');\" title='partager avec twitter'>  <span class='share shareTwitter'>&nbsp;</span></a>"+

"\n<a onclick=\"__IriSP.MyApiPlayer.share('myspace');\" title='partager avec Myspace'>  <span class='share shareMySpace'>&nbsp;</span></a>"+

"\n<a onclick=\"__IriSP.MyApiPlayer.share('jamespot');\" title='partager avec JamesPot'>  <span class='share shareJamesPot'>&nbsp;</span></a>";

// 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.init = function (config){

		__IriSP.config 			 = config;

		var metadataSrc 		 = __IriSP.config.metadata.src;

		var guiContainer		 = __IriSP.config.gui.container;

		var guiMode				 = __IriSP.config.gui.mode;

		var guiLdtShareTool		 = __IriSP.LdtShareTool;

		// Localize jQuery variable

		__IriSP.jQuery = null;

		/******** 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",__IriSP.lib.jQuery);

				//"http://cdn.jquerytools.org/1.2.4/full/jquery.tools.min.js");

			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",__IriSP.lib.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",__IriSP.lib.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",

				"http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.4/jquery-ui.min.js");

			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;

		function scriptLoadHandler(Mylib) {

			//alert(Mylib);

			loadLib +=1;

			if(loadLib===3){ 

				main(); 			  

			}else {

				// __IriSP.jQuery('#'+__IriSP.config.gui.container).html("Loading library ...");

			}

		};

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

		function main() { 

			//  Make __IriSP.jQuery and restore window.jQuery 

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

			// Call MY Jquery

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

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

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

					rel: "stylesheet", 

					type: "text/css", 

					href: "../res/css/jq-css/themes/base/jquery.ui.all.css",

					'class': "dynamic_css"

				});

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

					rel: "stylesheet", 

					type: "text/css", 

					href: __IriSP.config.gui.css ,

					'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');

				}

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

				__IriSP.createMyHtml();

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

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

				__IriSP.jQuery.ajax({

					  url:metadataSrc,

							__IriSP.trace("ajax","success");

							// START PARSING ----------------------- 

							if(json === ""){

								alert("ERREUR DE CHARGEMENT JSON");

							} else {

								// # CREATE MEDIA  							//

								// # JUSTE ONE PLAYER FOR THE MOMENT		//

								//__IriSP.jQuery("<div></div>").appendTo("#output");

								var MyMedia = new  __IriSP.Media(

																	json.medias[0].id,

																	json.medias[0].href,

																	json.medias[0]['meta']['dc:duration'],

																	json.medias[0]['dc:title'],

																	json.medias[0]['dc:description']);

								__IriSP.trace("__IriSP.MyApiPlayer",

																	__IriSP.config.gui.width+"   "

																	+ __IriSP.config.gui.height + " "

																	+ json.medias[0].href + " "

																	+ json.medias[0]['meta']['dc:duration'] + " "

																	+ json.medias[0]['meta']['item']['value']);

								// Create APIplayer

								__IriSP.MyApiPlayer = new __IriSP.APIplayer(

																	__IriSP.config.gui.width,

																	__IriSP.config.gui.height,

																	json.medias[0].href,

																	json.medias[0]['meta']['dc:duration'],

																	json.medias[0]['meta']['item']['value']);

								// # CREATE THE FIRST LINE  				//

								__IriSP.trace("__IriSP.init.main","__IriSP.Ligne");

								__IriSP.MyLdt = new __IriSP.Ligne (

																	json['annotation-types'][0].id,

																	json['annotation-types'][0]['dc:title'],

																	json['annotation-types'][0]['dc:description'],

																	json.medias[0]['meta']['dc:duration']);			

								// CREATE THE TAG CLOUD 					//

								__IriSP.trace("__IriSP.init.main","__IriSP.Tags");

								__IriSP.MyTags =  new __IriSP.Tags (json.tags);

								// CREATE THE ANNOTATIONS  				    //

								// JUSTE FOR THE FIRST TYPE   			 	//

								__IriSP.jQuery.each(json.annotations, function(i,item) {

									if (item.meta['id-ref'] == __IriSP.MyLdt.id) {

										//__IriSP.trace("__IriSP.init.main","__IriSP.MyLdt.addAnnotation");

										__IriSP.MyLdt.addAnnotation(

													item.id,

													item.begin,

													item.end,

													item.media,

													item.content.title,

													item.content.description,

													item.content.color,

													item.tags);

									}

										//MyTags.addAnnotation(item);

								});	

								__IriSP.jQuery.each(json.lists, function(i,item) {

									__IriSP.trace("lists","");

								});	

								__IriSP.jQuery.each(json.views, function(i,item) {

									__IriSP.trace("views","");

								});	

							}

							// END PARSING ----------------------- //  

			});

		}

};

__IriSP.createMyHtml = function(){

		var width = __IriSP.config.gui.width;

		// AUDIO  */

		// PB dans le html : ; 

		__IriSP.jQuery(  "<div id='Ldt-Root'>\n"+

			"	<div id='Ldt-PlaceHolder'>\n"+

			"		<a href='http://www.adobe.com/go/getflashplayer'>Get flash</a> to see this player	\n"+

			"	</div>\n"+

			"	<div id='Ldt-controler' class='demo'>\n"+

			"		<div class='Ldt-Control1' >\n"+

			"			<button id='ldt-CtrlPlay' onclick='__IriSP.MyApiPlayer.play()'>Lecture / Pause </button>\n"+

			"			<button id='ldt-CtrlNext' onclick='__IriSP.MyLdt.nextAnnotation()'>Suivant</button>\n"+

			"		</div>\n"+

			"		<div id='Ldt-Annotations' class='ui-slider'>\n"+

			"			<div id='slider-range-min'></div>\n"+

			"	</div>\n"+

			"		<div class='Ldt-Control2'>\n"+

			"			<button id='ldt-CtrlLink'> Partager </button>\n"+

			"			<button id='ldt-CtrlSound' onclick='__IriSP.MyApiPlayer.mute()'>Sound</button>\n"+

			"		</div>\n"+

			"  <div class='cleaner'>&nbsp\;</div> \n"+

			"  <div id='Ldt-Show-Arrow-container'>\n"+

			"  	<div id='Ldt-Show-Arrow'> </div>\n"+

			"  </div>\n"+

			"</div>\n"+

			"<div>\n"+

			" <div id='ldt-Show'> </div>\n"+

			"	<div id='Ldt-ShowAnnotation-audio' class='demo' >\n"+

			"		<div id='Ldt-SaTitle'></div>\n"+

			"		<div id='Ldt-SaDescription'></div>\n"+

			" 		<div class='cleaner'><!--&nbsp\;--></div>\n"+

			" </div>\n"+

			" <div id='Ldt-SaKeyword'>\n"+

			" <div id='Ldt-SaKeywordText'>  </div>\n"+

			" <div class='cleaner'></div>\n"+

			" <div id='Ldt-SaShareTools'>\n"+

			" \n"+

			" "+__IriSP.LdtShareTool+"\n"+

			" \n"+

			"  </div>\n"+

			" <div class='cleaner'></div>"+

			"</div>  "+

			//"<div id='Ldt-Tags'> Mots clefs : </div>"+

			"</div>"+

			"<div id='Ldt-output'></div>").appendTo("#"+__IriSP.config.gui.container);

		__IriSP.trace("__IriSP.createHtml","end");

		__IriSP.jQuery("#Ldt-Annotations").width(width-(75*2));

		__IriSP.jQuery("#Ldt-Show-Arrow-container").width(width-(75*2));

		__IriSP.jQuery("#Ldt-ShowAnnotation-audio").width(width-10);

		__IriSP.jQuery("#Ldt-ShowAnnotation-video").width(width-10);

		__IriSP.jQuery("#Ldt-SaKeyword").width(width-10);

		__IriSP.jQuery("#Ldt-controler").width(width-10);

		__IriSP.jQuery("#Ldt-Control").attr("z-index","100");

		__IriSP.jQuery("#Ldt-controler").hide();

		__IriSP.jQuery("<div id='Ldt-load-container'><div id='Ldt-loader'>&nbsp;</div> Chargement... </div>").appendTo("#Ldt-ShowAnnotation-audio");

		if(__IriSP.config.gui.mode=='radio'){

			__IriSP.jQuery("#Ldt-load-container").attr("width",__IriSP.config.gui.width);

		}

		// Show or not the output

		if(__IriSP.config.gui.debug===true){

			__IriSP.jQuery("#Ldt-output").show();

		} else {

			__IriSP.jQuery("#Ldt-output").hide();

		}

};

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

		this.id 		 	= id;

		this.url 		= url;