2010-06-14 - version 0.08

	use JQUERY 			-

	use TOOLTIP FOR JQ	- 

	use JQUERY UI for theme management	-

	use JWPLAYER 		-

	use HTML5 exeample by Silvia Pfeiffer

	http://annodex.net/~silvia/itext/mediafrag.html

	TODO : ////////////////////////////////////////

	ok - afficher une annotation au fil de la lecture 

	ok - fermer la zonne d'annotation

	ok - ne pas fermer la zone annotation si pas demander

	ok - r�duire la taille du tool tip 

	ok - ajouter la gestion de fragments via les ancres 

	- ajouter le share annotation

	- ajouter le share embed 

	ok - bouton next

	- gestion cr�er une annotation simple 

	- bouton graphique design : pause / stop

	- gestion de L'API PLAYER !!!!!!

	- creation du mode radio 

	INIT player LDT  */

	//LdtShareTool = "<!-- AddThis Button BEGIN -->\n <div class='addthis_toolbox addthis_default_style'> \n<a href='http://www.addthis.com/bookmark.php?v=250&amp;username=xa-4c349bb933426b8c' class='addthis_button_compact'>Share</a><span class='addthis_separator'>|</span> \n <a class='addthis_button_facebook'></a> \n <a class='addthis_button_myspace'></a> \n <a class='addthis_button_google'></a> \n <a class='addthis_button_twitter'></a> \n </div> \n <script type='text/javascript' src='http://s7.addthis.com/js/250/addthis_widget.js#username=xa-4c349bb933426b8c'></script>/n<!-- AddThis Button END -->";

	LdtShareTool = ""+

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

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

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

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

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

	function playerLdt (width,height,file,divId,MySwfPath,AudioVideo){

		if (AudioVideo==true){

			$jIRI("#"+divId).append("<div id=\"ldt-Show\">\n	<div id=\"Ldt-ShowAnnotation\" class=\"demo\" >\n	<div id=\"Ldt-SaTitle\"></div>\n	<div id=\"Ldt-SaDescription\"></div>\n <div style='text-align:right; float:right;' >\n \n "+LdtShareTool+"\n \n <div onclick=\"$jIRI('#Ldt-ShowAnnotation').slideUp();\" style='color:#ffffff;float:right;padding-right:10px;padding-left:10px;padding-bottom:5px;' >X</div>	</div>		</div>		<div id=\"Ldt-PlaceHolder\">\n			<a href=\"http://www.adobe.com/go/getflashplayer\">Get flash</a> to see this player	\n		</div>\n	</div>\n	<div id=\"Ldt-controler\" class=\"demo\">\n		<div class=\"Ldt-Control1\" >\n			<button id=\"ldt-CtrlPlay\" onclick=\"LdtApiPlayer.play()\">Play</button>\n			<button id=\"ldt-CtrlNext\" onclick=\"LDTligne.nextAnnotation()\">next</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\" onclick=\"LdtApiPlayer.share()\">Share</button>\n			<button id=\"ldt-CtrlSound\" onclick=\"LdtApiPlayer.mute()\">Sound</button>\n		</div>\n	</div><div class='cleaner'>&nbsp;</div>");

		} else {

		$jIRI("#"+divId).append("	<div id=\"Ldt-PlaceHolder\" style=\"visibility:hidden;height:0px;display:none;\">\n			<a href=\"http://www.adobe.com/go/getflashplayer\">Get flash</a> to see this player	\n		</div>\n	</div>\n	<div id=\"Ldt-controler\" class=\"demo\">\n		<div class=\"Ldt-Control1\" >\n			<button id=\"ldt-CtrlPlay\" onclick=\"LdtApiPlayer.play()\">Play</button>\n			<button id=\"ldt-CtrlNext\" onclick=\"LDTligne.nextAnnotation()\">next</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\" onclick=\"LdtApiPlayer.share()\">Share</button>\n			<button id=\"ldt-CtrlSound\" onclick=\"LdtApiPlayer.mute()\">Sound</button>\n		</div>\n	</div>	<div class='cleaner'>&nbsp;</div> <div id=\"ldt-Show\" style=\"margin-top:20px;\">\n	<div id=\"Ldt-ShowAnnotation\" class=\"demo\" >\n	<div id=\"Ldt-SaTitle\"></div>\n	<div id=\"Ldt-SaDescription\"></div>\n <div style='text-align:right; float:right;' >\n \n "+LdtShareTool+"\n \n <div onclick=\"$jIRI('#Ldt-ShowAnnotation').slideUp();\" style='color:#ffffff;float:right;padding-right:10px;padding-left:10px;padding-bottom:5px;' >X</div>	</div>		</div>");

		loadJson(width,height,file,MySwfPath);

	LOAD JSON AND PARSE IT 	*/

					  url:urlJson,

						MyMedia.createPlayer(playerLdtWidth,playerLdtHeight,json.medias[0]["meta"]["item"]["value"],MySwfPath);			

						MyLdt = new Ligne (json['annotation-types'][0].id,json['annotation-types'][0]['dc:title'],json['annotation-types'][0]['dc:description'],json.medias[0]["meta"]["dc:duration"]);			

	}	

	Class Media */

/*

		this.lignes 	  = new Array();

		this.getDuration  = getMediaDuration;

		LdtApiPlayer = new APIplayer(width,height,this.url,this.duration,MyStreamer,MySwfPath);

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

/* ----------------------------------------------------------------

   ----------------------------------------------------------------

	INTERFACE : SLIDER ( CONTROL BAR ) | BUTTON ()   */

	function createInterface (width,height,duration){

		trace("CREATE INTERFACE ",width+","+height+","+duration+",");

		$jIRI(function() {

			$jIRI("#Ldt-Annotations").width(width-(78*2));

			$jIRI("#Ldt-ShowAnnotation").width(width-10);

			$jIRI("#Ldt-controler ").width(width);

			$jIRI("#Ldt-Control").attr("z-index","100");

			 $jIRI("#Ldt-ShowAnnotation").click(function () { 

				 //$jIRI(this).slideUp(); 

			});

			var LdtpPlayerY = $jIRI("#Ldt-PlaceHolder").attr("top");

			var LdtpPlayerX = $jIRI("#Ldt-PlaceHolder").attr("left");

			$jIRI("#slider-range-min").slider({ //range: "min",

				value: 0,

				min: 1,

				max: duration/1000,//1:54:52.66 = 3600+3240+

				step: 0.1,

				slide: function(event, ui) {

					//$jIRI("#amount").val(ui.value+" s");

					//player.sendEvent('SEEK', ui.value)

					LdtApiPlayer.seek(ui.value);

					//changePageUrlOffset(ui.value);

					//player.sendEvent('PAUSE')

				}

			});

			$jIRI("#amount").val($jIRI("#slider-range-min").slider("value")+" s");

			$jIRI(".Ldt-Control1 button:first").button({

				icons: {

					primary: 'ui-icon-play'

				},

				text: false

			}).next().button({

				icons: {

					primary: 'ui-icon-seek-next'

				},

				 text: false

			});

			$jIRI(".Ldt-Control2 button:first").button({

				icons: {

					primary: 'ui-icon-transferthick-e-w'//,

					//secondary: 'ui-icon-volume-off'

				},

				text: false

			}).next().button({

				icons: {

					primary: 'ui-icon-volume-on'

				},

				 text: false

			});

		});	

	}

/* ----------------------------------------------------------------

   ----------------------------------------------------------------

   Conversion de couleur Decimal vers HexaDecimal || 000 si fff */

	function DEC_HEXA_COLOR(dec)

	{

		 var hexa='0123456789ABCDEF',hex=''

		 while (dec>15)

		 {

			  tmp = dec-(Math.floor(dec/16))*16;

			  hex = hexa.charAt(tmp)+hex;

			  dec = Math.floor(dec/16);

		 }

		 hex = hexa.charAt(dec)+hex;

		 if (hex == "FFCC00"){ hex="";/* by default color of Ldt annotation */ }

		 return(hex);

	}

	API player - work in progress */ 

	function APIplayer (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;

		this.pause 				= APIpPause;

		this.ready				= APIpReady;

		this.play 				= APIpPlay;

		this.seek 				= APIpSeek;

		this.update				= APIpUpdate;

		this.mute				= APIpMute;

		this.share				= APIpShare;

		MyApiPlayer				= this;

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

	}

	function APIpCreate(){

	}

	function APIpReady(player){

		//alert("ready");

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

		this.player	= player;

		// hashchange EVENT

		if (window.addEventListener){

		// pour FIREFOX  hashchange EVENT

			window.addEventListener("hashchange", function() {

			  var url = location.href;

			  var time = retrieveTimeFragment(url);

			  trace("hashchange",time);

			  if(LdtApiPlayer.hashchangeUpdate==null){

				LdtApiPlayer.seek(time);

			  }else{

				LdtApiPlayer.hashchangeUpdate=null;

			  }

			}, false);

		} 

		else if (window.attachEvent){

		// FOR IE hashchange EVENT

			window.attachEvent("onhashchange", function() {

			  trace("hashchange",time);

			  var url = location.href;

			  var time = retrieveTimeFragment(url);

			  if(LdtApiPlayer.hashchangeUpdate==null){

				LdtApiPlayer.seek(time);

			  }else{

				LdtApiPlayer.hashchangeUpdate=null;

			  }

			}, false);

		}

	}

	function APIpPause(){

		this.hashchangeUpdate = true;

		this.player.sendEvent('PAUSE');

	}

	function APIpPlay(){

		this.hashchangeUpdate = true;

		this.player.sendEvent('PLAY');

	}

	function APIpMute(){

		this.player.sendEvent('MUTE');

	}

	function APIpShare(network){

		MyMessage = "Je regarde :";

		MyURLNow = window.location.href;	

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

		if(network == "facebook"){

		 //window.title = 

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

				//http://www.facebook.com/share.php?u=http%3A%2F%2Fwww.addthis.com%2F%3Fsms_ss%3Dfacebook

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

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