# HG changeset patch
# User hurons
# Date 1301407168 -7200
# Node ID e4e403ac4e03abb2791e77961140d8340ab34e15
# Parent  b050f540942efebb31faf3bfd9c4a3f6c303de5c
IE8 optimisation bis repetita :-)

diff -r b050f540942e -r e4e403ac4e03 src/js/LdtPlayer.js
--- a/src/js/LdtPlayer.js	Tue Mar 29 12:28:52 2011 +0200
+++ b/src/js/LdtPlayer.js	Tue Mar 29 15:59:28 2011 +0200
@@ -341,13 +341,19 @@
 		
 		// AUDIO  */
 		// PB dans le html : ; 
+		__IriSP.trace("__IriSP.createMyHtml",__IriSP.config.gui.container);
+
+		
+		
 		if(__IriSP.config.gui.mode=="radio"){
-		__IriSP.jQuery( 
-/*
+		
+		__IriSP.jQuery("#"+__IriSP.config.gui.container).before(
 		"<div id='LdtSearchContainer'  style='margin-left:445px;position:absolute;'>\n"+
-		"<div id='LdtSearch' style='background-color:#EEE;display:block;width:165px;boder:1px;border-color:#CFCFCF;position:absolute;text-align:center;z-index:999;'><input id='LdtSearchInput' style='margin-top:2px;margin-bottom:2px;' /></div>	\n"+
-		"</div>\n"+*/
-		"<div id='Ldt-Root'>\n"+
+		"<div id='LdtSearch' style='background-color:#EEE;display:none;width:165px;boder:1px;border-color:#CFCFCF;position:absolute;text-align:center;z-index:999;'><input id='LdtSearchInput' style='margin-top:2px;margin-bottom:2px;' /></div>	\n"+
+		"</div>\n");
+		__IriSP.trace("__IriSP.createHtml",__IriSP.config.gui.container);
+		
+		__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"+
@@ -387,11 +393,11 @@
 			"</div>  "+
 			//"<div id='Ldt-Tags'> Mots clefs : </div>"+
 			"</div>"+
-			"<div id='Ldt-output'></div>").appendTo("#"+__IriSP.config.gui.container);
+			"<div id='Ldt-output' style='clear:left;float:none;position:relative;height:200px;width:"+width+"px;overflow:scroll;' ></div>").appendTo("#"+__IriSP.config.gui.container);
 		} else if(__IriSP.config.gui.mode=="video") {
 		
 			__IriSP.jQuery(  "<div id='LdtSearchContainer'  style='margin-top:"+heightS+"px;margin-left:445px;position:absolute;'>\n"+
-			"<div id='LdtSearch' style='background-color:#EEE;display:block;width:165px;boder:1px;border-color:#CFCFCF;position:absolute;text-align:center;z-index:999;'><input id='LdtSearchInput' style='margin-top:2px;margin-bottom:2px;' /></div>	\n"+
+			"<div id='LdtSearch' style='background-color:#EEE;display:none;width:165px;boder:1px;border-color:#CFCFCF;position:absolute;text-align:center;z-index:999;'><input id='LdtSearchInput' style='margin-top:2px;margin-bottom:2px;' /></div>	\n"+
 			"</div>\n"+
 			"<div id='Ldt-Root'>\n"+
 			"	<div id='Ldt-PlaceHolder'>\n"+
@@ -1019,9 +1025,10 @@
 
 /* Search  methodes	*/
 __IriSP.SearchOldValue="";
+__IriSP.searchblockOpen=false;
 __IriSP.searchblock 		= function (){
-	__IriSP.trace("__IriSP.searchblock",__IriSP.jQuery(".ui-icon-search").css("background-position-x"));
-	if (__IriSP.jQuery(".ui-icon-search").css("background-position-x")=="-160px"){
+	__IriSP.trace("__IriSP.searchblock",__IriSP.searchblockOpen);
+	if (__IriSP.searchblockOpen==false){
 		__IriSP.jQuery(".ui-icon-search").css("background-position","-144px -112px");
 		//__IriSP.jQuery("#LdtSearch").animate({height:26},250);
 		__IriSP.jQuery("#LdtSearch").show(250);
@@ -1029,13 +1036,15 @@
 		__IriSP.jQuery("#LdtSearchInput").focus();
 		__IriSP.jQuery("#LdtSearchInput").attr('value',__IriSP.SearchOldValue);
 		__IriSP.Search(__IriSP.SearchOldValue);
+		__IriSP.searchblockOpen=true;
 	} else {
 		__IriSP.SearchOldValue = __IriSP.jQuery("#LdtSearchInput").attr('value');
 		__IriSP.jQuery("#LdtSearchInput").attr('value','');
 		__IriSP.SearchClean();
-		__IriSP.jQuery(".ui-icon-search").css("background-position-x","-160px");
+		__IriSP.jQuery(".ui-icon-search").css("background-position","-160px -112px");
 		//__IriSP.jQuery("#LdtSearch").animate({height:0},250);
 		__IriSP.jQuery("#LdtSearch").hide(250);
+		__IriSP.searchblockOpen=false;
 	}
 }
 __IriSP.Search 				= function (value){
@@ -1047,23 +1056,26 @@
 	var findmem = 0;
 	var factor  = 0;
 	__IriSP.trace(value,value.length);
-	if(value.length>=3){
+	var valueS = value.toLowerCase();
+	__IriSP.trace("__IriSP.Search",annotations.length+" "+valueS);
+	if(valueS.length>=3){
 		
 		for (var i=0; i < annotations.length; ++i){
 			annotation = annotations[i];
 			
 			__IriSP.jQuery("#output2").text(annotation.title+" ?= "+value);
+			
 			chaine1 = annotation.title.toLowerCase();
 			chaine2 = annotation.description.toLowerCase();
 			chaine3 = annotation.htmlTags.toLowerCase();
 			
-			if(chaine1.indexOf(value,0) !=-1){
+			if(chaine1.indexOf(valueS,0) !=-1){
 				finded+=1;	
 			}
-			if(chaine2.indexOf(value,0) !=-1){
+			if(chaine2.indexOf(valueS,0) !=-1){
 				finded+=1;	
 			}
-			if(chaine3.indexOf(value,0) !=-1){
+			if(chaine3.indexOf(valueS,0) !=-1){
 				finded+=1;	
 			}
 			
diff -r b050f540942e -r e4e403ac4e03 test/index.htm
--- a/test/index.htm	Tue Mar 29 12:28:52 2011 +0200
+++ b/test/index.htm	Tue Mar 29 15:59:28 2011 +0200
@@ -9,8 +9,8 @@
 <body>
 
 	<div style="width:650px;font-family: 'Trebuchet MS', 'Helvetica', 'Arial',  'Verdana', 'sans-serif';">
-	<h1>MetadataPlayer </h1>
-	Iri MetadataPlayer is a javascript's Widget interface to augment existing flash or html5 video player. 
+	<h1>MetaDataPlayer </h1>
+	Iri MetaDataPlayer is a javascript's Widget interface to augment existing flash or html5 video player. 
 	It's made to show time annotation and different metadata on video.
 	To implement it on your website it's 's really simple.
 	You just need to insert a div and a script, like the exemple under this lines.<br/><br/>
@@ -18,16 +18,9 @@
 	This Player is a freeSoftware under <a href="http://www.cecill.info/licences/Licence_CeCILL-C_V1-en.html"> CeCILL-C</a> license.
 	This program is made by <a href="http://www.iri.centrepompidou.fr/" >Institut de recherche et d innovation</a>
 	more information on <a href="http://www.iri.centrepompidou.fr/outils/agmented-player/" >this page</a>.
-	<br/><br/>
 	</div>
 	
-	<p id="output2" style="visibility:hidden"> texte</p>
-
 	
-	<div id="LdtSearchContainer"  style="margin-left:445px;">
-	<div id="LdtSearch" style="background-color:#EEE;display:block;width:165px;boder:1px;border-color:#CFCFCF;position:absolute;text-align:center;"><input id="LdtSearchInput" style="margin-top:2px;margin-bottom:2px;" /></div>	
-	</div>
-	xx
  <!-- START Integration  ###################################### -->
  <!-- SIMPLE PLAYER EXPERIMENTATION -->
 	<script type="text/javascript" src="../src/js/LdtPlayer.js"></script>