/* 

 * 	

 *	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 = IriSP; /* for backward compatibility */

}

/* CLASS TRACE */

		IriSP.traceNum += 1;

	}

// Player Configuration 

IriSP.config = undefined;

IriSP.configDefault = {

		metadata:{

			format:'cinelab',

			src:'',

			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',

			params:{

				allowfullscreen:"true", 

				allowscriptaccess:"always",

				wmode:"transparent"

			},

			flashvars:{

				streamer:"streamer",

				file:"file", 

				live:"true",

				autostart:"false",

				controlbar:"none",

				playerready:"__IriSP.playerReady"

			},

			attributes:{

				id:"Ldtplayer1",  

				name:"Ldtplayer1"

			}

		},

		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",

			cssjQueryUI:"http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.4/themes/base/jquery-ui.css"

		};

// 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>";

// 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.config 			 = IriSP.configDefault;

		} else {

			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 *********/

			script_tag.onload = scriptLibHandler;

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

				}

			};

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

		} else {

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

			 IriSP.jQuery = window.jQuery;

		}

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

		function scriptLibHandler() {

			script_jqUi_tooltip.onload = scriptLoadHandler;

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

				}

			};

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

			script_swfObj.onload = scriptLoadHandler;

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

				}

			};

			script_jqUi.onload = scriptLoadHandler;

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

				}

			};

		};

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

		var loadLib = 0;

			//alert(Mylib);

			loadLib +=1;

				main(); 			  

			}

		};

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

		function main() { 

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

					rel: "stylesheet", 

					type: "text/css", 

					href: IriSP.lib.cssjQueryUI,

					'class': "dynamic_css"

					rel: "stylesheet", 

					type: "text/css", 

					href: IriSP.config.gui.css,

					'class': "dynamic_css"

				// to see dynamicly loaded css on IE

				}

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

				IriSP.createMyHtml();

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

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

				IriSP.jQuery.ajax({

					  dataType: IriSP.config.metadata.load,

					  url:metadataSrc,

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

								// # 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.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.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  				//

																	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 					//

								// CREATE THE ANNOTATIONS  				    //

								// JUSTE FOR THE FIRST TYPE   			 	//

									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.trace("lists","");

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

							}

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

						  alert("ERROR : "+data);

					}

				  });	

			});

		}

};

IriSP.createMyHtml = function(){

		var width = IriSP.config.gui.width;

		var height = IriSP.config.gui.height;

		var heightS = IriSP.config.gui.height-20;

		// AUDIO  */

		// PB dans le html : ; 

		"<div id='LdtSearchContainer'  style='margin-left:445px;position:absolute;'>\n"+

		"<div id='LdtSearch' style='display:none;background-color:#EEE;width:165px;boder:1px;border-color:#CFCFCF;position:absolute;text-align:center;'><input id='LdtSearchInput' style='margin-top:2px;margin-bottom:2px;' /></div>	\n"+

		"</div>\n"+

		" <div class='cleaner'></div>");

		IriSP.trace("__IriSP.createHtml",IriSP.config.gui.container);

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