slightly improve mdplayer config, some code cleaning + allor annotation for dic (becauce CORS has been activated)
authorymh <ymh.work@gmail.com>
Tue, 07 Apr 2015 18:20:43 +0200
changeset 1347 c1eb7dda4fe4
parent 1346 033173b1de1e
child 1348 8535ad171ab4
slightly improve mdplayer config, some code cleaning + allor annotation for dic (becauce CORS has been activated)
src/ldt/ldt/ldt_utils/templates/ldt/ldt_utils/embed/mdplayer_config_base.html
src/ldt/ldt/ldt_utils/templates/ldt/ldt_utils/embed/v2/mdplayer_config.html
src/ldt/ldt/static/ldt/css/embed_popup.css
src/ldt/ldt/static/ldt/js/embed/v2/embed.js
--- a/src/ldt/ldt/ldt_utils/templates/ldt/ldt_utils/embed/mdplayer_config_base.html	Wed Mar 25 18:40:48 2015 +0100
+++ b/src/ldt/ldt/ldt_utils/templates/ldt/ldt_utils/embed/mdplayer_config_base.html	Tue Apr 07 18:20:43 2015 +0200
@@ -5,59 +5,59 @@
 {% load static %}
 {% load static %}
 {% load analytics %}
-	{% block js_import %}
-		{{ block.super }}
-		<script type="text/javascript" src='{% static "ldt/js/jquery.min.js" %}'></script>
-		<script type="text/javascript" src='{% static "ldt/js/jscolor/jscolor.js" %}'></script>
-		{{ content_form.media.js }}
-	{% endblock %}
-		
-	{% block js_declaration %}
-		<script type="text/javascript">
-			var $j = jQuery.noConflict();
-			var iframe_url='{{iframe_url}}';
-			var external_url='{{external_url}}';
-        	var polemic='{{polemic}}';
-        	var show_mic_record='{{show_mic_record}}';
-        	var annotations_list='{{annotations_list}}';
-        	var player_id='{{player_id}}';
-        	var translate_show="{% trans 'Show Player' %}";
-        	var translate_hide="{% trans 'Hide Player' %}";
-        	var LANGUAGE_CODE='{{LANGUAGE_CODE}}';
-        	var json_url='{{json_url}}';
-        	var json_url_concatenate='{{json_url_concatenate}}';
-        	var player_id='{{player_id}}';
-        	var defaultDir='{% static "ldt/js/" %}';
-        	var jwPlayerSWF='{% static "ldt/swf/player.swf" %}';
-        	var recordMicSwf='{% static "ldt/swf/record_mic.swf" %}';
-        	var zeroClipboardSwf='{% static "ldt/swf/ZeroClipboard10.swf" %}';
-        	var cssjQueryUI='{% static "ldt/css/jq-css/themes/base/jquery-ui.css" %}';
-        	var widgetsDir='{% static "ldt/metadataplayer" %}';
-        	var configCss='{% static "ldt/metadataplayer/LdtPlayer-core.css" %}';
-        	var default_thumbnail='{% static "ldt/css/imgs/video_sequence.png" %}';
-        	var segment_api="{% absurl 'segment_api_empty' resource_name='segments' api_name='1.0' %}{% templatetag openvariable %}media{% templatetag closevariable %}/{% templatetag openvariable %}begin{% templatetag closevariable %}/{% templatetag openvariable %}end{% templatetag closevariable %}";
-        	var LdtPlayer_core='{% static "ldt/metadataplayer/LdtPlayer-core.js" %}';
-        	var creator_name='{{request.user.username}}';
-        	
-        	$j(document).ready(function(){
-        		init_events();
-        	});
-        	
-		</script>
-	{% endblock %}
-	{% block css_import %}
-		{{ block.super }}
-		{{ content_form.media.css }}
-		<link rel="stylesheet" href='{% static "ldt/css/style.css" %}' />
-		<link rel="stylesheet" href='{% static "ldt/css/workspace.css" %}'/>
-		<link rel="stylesheet" href='{% static "ldt/css/embed_popup.css" %}'/>
-		<link rel="stylesheet" href='{% static "ldt/css/jq-css/jquery.qtip.css" %}' type="text/css"/>
-		
-	{% endblock %}
-		
+    {% block js_import %}
+        {{ block.super }}
+        <script type="text/javascript" src='{% static "ldt/js/jquery.min.js" %}'></script>
+        <script type="text/javascript" src='{% static "ldt/js/jscolor/jscolor.js" %}'></script>
+        {{ content_form.media.js }}
+    {% endblock %}
+        
+    {% block js_declaration %}
+        <script type="text/javascript">
+            var $j = jQuery.noConflict();
+            var iframe_url='{{iframe_url}}';
+            var external_url='{{external_url}}';
+            var polemic='{{polemic}}';
+            var show_mic_record='{{show_mic_record}}';
+            var annotations_list='{{annotations_list}}';
+            var player_id='{{player_id}}';
+            var translate_show="{% trans 'Show Player' %}";
+            var translate_hide="{% trans 'Hide Player' %}";
+            var LANGUAGE_CODE='{{LANGUAGE_CODE}}';
+            var json_url='{{json_url}}';
+            var json_url_concatenate='{{json_url_concatenate}}';
+            var player_id='{{player_id}}';
+            var defaultDir='{% static "ldt/js/" %}';
+            var jwPlayerSWF='{% static "ldt/swf/player.swf" %}';
+            var recordMicSwf='{% static "ldt/swf/record_mic.swf" %}';
+            var zeroClipboardSwf='{% static "ldt/swf/ZeroClipboard10.swf" %}';
+            var cssjQueryUI='{% static "ldt/css/jq-css/themes/base/jquery-ui.css" %}';
+            var widgetsDir='{% static "ldt/metadataplayer" %}';
+            var configCss='{% static "ldt/metadataplayer/LdtPlayer-core.css" %}';
+            var default_thumbnail='{% static "ldt/css/imgs/video_sequence.png" %}';
+            var segment_api="{% absurl 'segment_api_empty' resource_name='segments' api_name='1.0' %}{% templatetag openvariable %}media{% templatetag closevariable %}/{% templatetag openvariable %}begin{% templatetag closevariable %}/{% templatetag openvariable %}end{% templatetag closevariable %}";
+            var LdtPlayer_core='{% static "ldt/metadataplayer/LdtPlayer-core.js" %}';
+            var creator_name='{{request.user.username}}';
+            
+            $j(document).ready(function(){
+                init_events();
+            });
+            
+        </script>
+    {% endblock %}
+    {% block css_import %}
+        {{ block.super }}
+        {{ content_form.media.css }}
+        <link rel="stylesheet" href='{% static "ldt/css/style.css" %}' />
+        <link rel="stylesheet" href='{% static "ldt/css/workspace.css" %}'/>
+        <link rel="stylesheet" href='{% static "ldt/css/embed_popup.css" %}'/>
+        <link rel="stylesheet" href='{% static "ldt/css/jq-css/jquery.qtip.css" %}' type="text/css"/>
+        
+    {% endblock %}
+        
 
-	{% block content %}
-		<div id='ldt_id'>
+    {% block content %}
+        <div id='ldt_id'>
           <p>{% trans 'Share the project' %} : <span class="large_text">{{ project.title }}</span></p>
           <p class="margin0">{% trans "List of the project's contents" %}:<br/>
              <ul>
@@ -69,72 +69,77 @@
           <div>{% trans 'project id' %} <span id="project_id_select" class="click_to_select">({% trans 'Select' %})</span> : <input id="project_id_input" class="copy_input" value="{{ldt_id}}"/></div>
           <div>{% trans 'The project in Lignes de Temps' %} : <span class="middle_text"><a href="{% url 'index_project_full' ldt_id %}" target="_blank">{% trans 'See' %}</a> - </span><span class="click_to_select">{% trans 'Select' %}</span> : <input id="" class="copy_input" value="{% absurl 'index_project_full' ldt_id %}"/></div>
         </div>
-		<br>
-		<div id="button_row">
-		    <div id="display_select">
-		    	<input id="player_button" type="button" class="code_button" value="{% trans 'popup_player'%}"/>
-		    	<input id="ldt_iframe_button" type="button" class="code_button" value="{% trans 'popup_ldt_iframe' %}"/>
-		    	<input id="seo_body_button" type="button" class="code_button" value="{% trans 'popup_seo_body' %}"/>
-		    	<input id="seo_meta_button" type="button" class="code_button" value="{% trans 'popup_seo_meta' %}"/>
-		    	<input id="links_button" type="button" class="code_button" value="{% trans 'popup_links' %}"/>
-		    </div>
-		</div>
-		
-		
-		<div style="float: left;">
-			<div id="links_code" class="ldt_player_code">{% include "ldt/ldt_utils/partial/embed_links.html" %}</div>
-			<div id="ldt_iframe_code">
+        <br>
+        <div id="button_row">
+            <div id="display_select">
+                <input id="player_button" type="button" class="code_button" value="{% trans 'popup_player'%}"/>
+                <input id="ldt_iframe_button" type="button" class="code_button" value="{% trans 'popup_ldt_iframe' %}"/>
+                <input id="seo_body_button" type="button" class="code_button" value="{% trans 'popup_seo_body' %}"/>
+                <input id="seo_meta_button" type="button" class="code_button" value="{% trans 'popup_seo_meta' %}"/>
+                <input id="links_button" type="button" class="code_button" value="{% trans 'popup_links' %}"/>
+            </div>
+        </div>
+        
+        
+        <div style="float: left;">
+            <div id="links_code" class="ldt_player_code">{% include "ldt/ldt_utils/partial/embed_links.html" %}</div>
+            <div id="ldt_iframe_code">
                 <textarea id="ldt_iframe_id_code" readonly="readonly" class="ldt_player_code" >{% autoescape off %}<iframe src="{% absurl 'embed_ldt' ldt_id %}" width='1005' height='635' seamless='seamless'></iframe>{% endautoescape %}</textarea>
             </div>
-			<div id="seo_body_code">
-				<textarea id="seo_body_id_code" readonly="readonly" class="ldt_player_code" >{{ embed_rendered.seo_body }}</textarea>
-			</div>
-			<div id="seo_meta_code">
-				<textarea id="seo_meta_id_code" readonly="readonly" class="ldt_player_code">{{ embed_rendered.seo_meta }}</textarea>
-			</div>
-			
-			<div  id="player_code">
-				<div class="configuration">
-					<br><div id="embed_options"><br> {% trans 'Integration mode' %} 
-							<input type="radio" id="type_embed_div" name="player_code_type" value="div" checked onClick="div_event()" > {% trans 'div' %} </input>
-							<input type="radio" id="type_embed_iframe" name="player_code_type" value="iframe" onClick="iframe_event()">  {% trans 'iframe' %} </input><br>
-						</div>	
-						<div id="player_size">
-							{% trans 'Player Size : ' %}
-							<input type="text" class="number_area" id="player_width" onChange="put_new_code();"></input> x 
-							<input type="text" class="number_area" id="player_height" onChange="put_new_code();"></input>
-						</div>
-						<a id="displayPreMode" class="OptionsEmbedDisplay">
-							<span id= "preModeExpArrow" class="expArrow"></span>
-							<span id= "preModeCollArrow" class="collArrow"></span>
-							<span class="title">{% trans 'Preset Modes' %}</span>
-						</a><br>
-							<div id="iframe_div_premode" class="embedPersonnalisation">
-								<input type="radio" id="mode_1" name="embed_mode" value="mode1" checked onClick="mode1()" > {% trans 'Basic configuration' %} </input><br>
-								<input type="radio" id="mode_2" name="embed_mode" value="mode2" onClick="mode2()">  {% trans 'Polemic configuration' %} </input><br>
-								<input type="radio" id="mode_3" name="embed_mode" value="mode3" onClick="mode3()">  {% trans 'Polemic configuration with tagcloud, annotationsList and Social widgets' %} </input><br>
-								<br>
-							</div>
-	
-						<a id="displayEmbedOptions" class="OptionsEmbedDisplay">
-							<span id= "optionsExpArrow" class="expArrow"></span>
-							<span id= "optionsCollArrow" class="collArrow"></span>
-							<span class="title">{% trans 'Create your own configuration' %}</span>
-						</a><br>
-							<div id="embed_personnalisation" class="embedPersonnalisation">
-								{% block embed_widget_config %}
-								{% endblock embed_widget_config %}
-							</div>
-					<textarea id="player_id_code" readonly="readonly" class="ldt_player_code"></textarea>
-				</div>
-			</div>
+            <div id="seo_body_code">
+                <textarea id="seo_body_id_code" readonly="readonly" class="ldt_player_code" >{{ embed_rendered.seo_body }}</textarea>
+            </div>
+            <div id="seo_meta_code">
+                <textarea id="seo_meta_id_code" readonly="readonly" class="ldt_player_code">{{ embed_rendered.seo_meta }}</textarea>
+            </div>
+            
+            <div  id="player_code">
+                <div class="configuration">
+                    <br>
+                        <div id="embed_options_wrapper">
+                            <div id="refresh_button_div">
+                                <button type="button" class="refresh_button" id="refresh_player_button" title="Rafraichir le player" >
+                                    <img src='{% static "ldt/img/arrow_refresh.png" %}' id="refresh_player" ></img>
+                                </button>
+                            </div>
+                            <div id="embed_options"><br> {% trans 'Integration mode' %} 
+                                <input type="radio" id="type_embed_div" name="player_code_type" value="div" checked onClick="div_event()" > {% trans 'div' %} </input>
+                                <input type="radio" id="type_embed_iframe" name="player_code_type" value="iframe" onClick="iframe_event()">  {% trans 'iframe' %} </input><br>
+                            </div>
+                        </div>
+                        <div id="player_size">
+                            {% trans 'Player Size : ' %}
+                            <input type="text" class="number_area" id="player_width" onChange="put_new_code();"></input> x 
+                            <input type="text" class="number_area" id="player_height" onChange="put_new_code();"></input>
+                        </div>
+                        <a id="displayPreMode" class="OptionsEmbedDisplay">
+                            <span id= "preModeExpArrow" class="expArrow"></span>
+                            <span id= "preModeCollArrow" class="collArrow"></span>
+                            <span class="title">{% trans 'Preset Modes' %}</span>
+                        </a><br>
+                            <div id="iframe_div_premode" class="embedPersonnalisation">
+                                <input type="radio" id="mode_1" name="embed_mode" value="mode1" checked onClick="mode1()" > {% trans 'Basic configuration' %} </input><br>
+                                <input type="radio" id="mode_2" name="embed_mode" value="mode2" onClick="mode2()">  {% trans 'Polemic configuration' %} </input><br>
+                                <input type="radio" id="mode_3" name="embed_mode" value="mode3" onClick="mode3()">  {% trans 'Polemic configuration with tagcloud, annotationsList and Social widgets' %} </input><br>
+                                <br>
+                            </div>
+    
+                        <a id="displayEmbedOptions" class="OptionsEmbedDisplay">
+                            <span id= "optionsExpArrow" class="expArrow"></span>
+                            <span id= "optionsCollArrow" class="collArrow"></span>
+                            <span class="title">{% trans 'Create your own configuration' %}</span>
+                        </a><br>
+                            <div id="embed_personnalisation" class="embedPersonnalisation">
+                                {% block embed_widget_config %}
+                                {% endblock embed_widget_config %}
+                            </div>
+                    <textarea id="player_id_code" readonly="readonly" class="ldt_player_code"></textarea>
+                </div>
+            </div>
             <a id="displayPlayer" href="javascript:toggle();">{% trans 'Show Player' %}</a>
-		</div>
+        </div>
         <div id="player_div" style="display:none">
-	  		<button type="button" class="refresh_button" id="refresh_player_button" title="Rafraichir le player" >
-			<img src='{% static "ldt/img/arrow_refresh.png" %}' id="refresh_player" ></img>
-			</button>
-			<div class="ldt_player" id="wrapper_{{player_id}}"></div>
-		</div>
-	{% endblock %}
-	{% analytics %}
\ No newline at end of file
+            <div class="ldt_player" id="wrapper_{{player_id}}"></div>
+        </div>
+    {% endblock %}
+    {% analytics %}
\ No newline at end of file
--- a/src/ldt/ldt/ldt_utils/templates/ldt/ldt_utils/embed/v2/mdplayer_config.html	Wed Mar 25 18:40:48 2015 +0100
+++ b/src/ldt/ldt/ldt_utils/templates/ldt/ldt_utils/embed/v2/mdplayer_config.html	Tue Apr 07 18:20:43 2015 +0200
@@ -6,143 +6,143 @@
 {% load static %}
 {% load analytics %}
 {% block js_import %}
-	{{ block.super }}
-	<script type="text/javascript" src='{% static "ldt/js/embed/v2/embed.js" %}'></script>
+    {{ block.super }}
+    <script type="text/javascript" src='{% static "ldt/js/embed/v2/embed.js" %}'></script>
 {% endblock %}
-	
+    
 {% block js_declaration %}
-	{{ block.super }}
+    {{ block.super }}
 {% endblock %}
 {% block css_import %}
-	{{ block.super }}
+    {{ block.super }}
 {% endblock %}
 {% block embed_widget_config %}
-	<span class="OptionsSubtitle">{% trans 'Widgets' %}</span><br>
-	<div id="createannotation_block">
-		<input type="checkbox" id="createannotation_checkbox" value="createannotation" onClick="put_new_code(); display_createannotation();" > 
-			<span class="infostooltip title" data-title="createAnnotation" data-desc="{% trans 'Displays a form to create a new annotation' %}">CreateAnnotation</span>
-		</input><br>
-		<div id="createannotation_options" class="embedPersonnalisationSecondLevel">
-			<input type="checkbox" id="show_mic_record_checkbox" value="{% trans 'audio annotation' %}" onClick="put_new_code()" > 
-				<span class="infostooltip title" data-title="{% trans 'Audio annotation' %}" data-desc="{% trans 'Allows the user to record an annotation' %}">{% trans 'Audio annotation' %}</span>	
-			 </input><br>
-			 <input type="radio" name="annotation_tag" id="default_tags" checked onClick="put_new_code();">{% trans 'Use most used tags  ' %}</input>
-			 <input type="radio" name="annotation_tag" id="set_tags">
-			 	<span class="infostooltip title" data-title="{%trans 'Set your own tags : ' %}" data-desc="{% trans 'Write your tags separeted by a comma' %}">{%trans 'Set your own tags : ' %}</span>
-			 	<input type="text" id="tag_list" class="tags_area" onChange="put_new_code()"></input>
-			 </input><br>
-			 <input type="checkbox" id="createannotation_polemics_checkbox" value="{% trans '4 polemics buttons' %} ++/--/??/==" onClick="put_new_code()" > 
-	                                    <span class="infostooltip title" data-title="{% trans '4 polemics buttons' %} ++/--/??/==" data-desc="{% trans 'Displays or removes the 4 polemics buttons' %} ++/--/??/==">{% trans '4 polemics buttons' %} ++/--/??/==</span>    
-	                                 </input>
-		</div>
-	</div>
-	<div id="segments_block">
-		<input type="checkbox" id="segments_checkbox" value="segments" onClick="put_new_code(); display_segments();" >
-			<span class="infostooltip title" data-title="Segments" data-desc="{% trans 'Displays segments of a media as rectangles on an horizontal line' %}">Segments</span>	
-		</input><br>
-		<div id="segments_options" class="embedPersonnalisationSecondLevel">
-			<div id="displaySegmentsOptions">
-				{% trans 'Display annotation types: (annotation types must be separated by commas, leave blank to display everything) '%} <br>
-				<input type="text" id="segments_annotation_types" value='chap,découpage' onChange="put_new_code()"/><br>
-			</div>
-		</div>
-	</div>
-	<div id="multisegments_block">
-		<input type="checkbox" id="multisegments_checkbox" value="multisegments" onClick="put_new_code()" >
-			<span class="infostooltip title" data-title="MultiSegments" data-desc="{% trans 'Displays every segment of a media as rectangles on multiple horizontal lines' %}">MultiSegments</span>	
-		</input><br>
-	</div>
-	<input type="checkbox" id="annotations_list_checkbox" value="annotationslist" onClick="put_new_code()">
-		<span class="infostooltip title" data-title="Annotationlist" data-desc="{% trans 'Show a list of all annotations accross every project for this content' %}">AnnotationsList</span>	
-	</input><br>
-	<div id='polemic_bloc'>
-		<input type="checkbox" id="polemic_checkbox" value="polemic" onClick="put_new_code(); display_polemic();"> 
-			<span class="infostooltip title" data-title="Polemic" data-desc="{% trans 'Shows the polemical timeline, i.e. tweets colored according to the polemical syntax' %}">Polemic</span>
-		</input><br>
-			<div id="polemic_options" class="embedPersonnalisationSecondLevel">
-				<div id="displayPolemicOptions">
-					{% trans 'Display annotation types: (annotation types must be separated by commas, leave blank to display everything) '%} <br>
-					<input type="text" id="polemic_annotation_types" value="tweet" onChange="put_new_code()"/><br>
-					<a id="displayPolemicColorOptions" class="AdvancedOptionsDisplay">
-						<span class="title">{% trans "Personalize tweet's color" %}</span>
-					</a>
-				</div>
-				<div id="polemic_color_options" class="embedPersonnalisation">
-					<div id="color_default_options">
-						<span class="title">{% trans "Default color" %} </span>
-						<input id="polemic_default_color" class="codeColor_text color {hash:true,caps:false}" onchange="put_new_code();" type="text" maxlength="8"></input>
-					</div>
-					<div id="polemics_colors">
-						<span class="title">{% trans "Polemic's color : ++ : " %} </span>
-						<input id="polemic_ok_color" class="codeColor_text color {hash:true,caps:false}" onchange="put_new_code();" type="text" maxlength="8"></input>
-						<span class="title">	-- :	</span>
-						<input id="polemic_ko_color" class="codeColor_text color {hash:true,caps:false}" onchange="put_new_code();" type="text" maxlength="8"></input>
-						<span class="title">	== :	</span>
-						<input id="polemic_ref_color" class="codeColor_text color {hash:true,caps:false}" onchange="put_new_code();" type="text" maxlength="8"></input>
-						<span class="title">	? :	</span>
-						<input id="polemic_q_color" class="codeColor_text color {hash:true,caps:false}" onchange="put_new_code();" type="text" maxlength="8"></input>
-					</div>
-					<div id="color_found_options">
-						<span class="title">{% trans "Found color" %}</span>
-						<input id="polemic_found_color" class="codeColor_text color {hash:true,caps:false}" onchange="put_new_code();" type="text" maxlength="8"></input>
-					</div>
-				</div>
-			</div>
-	</div>
-	<div>
-		<input type="checkbox" id="sparkline_checkbox" value="sparkline" onClick="put_new_code(); display_sparkline();">
-			<span class="infostooltip title" data-title="Sparkline" data-desc="{% trans 'Displays a curve showing the project annotation volume across time' %}">Sparkline</span>
-		</input><br>
-		<div id="sparkline_options" class="embedPersonnalisationSecondLevel">
-			<a id="displaySparklineOptions" class="AdvancedOptionsDisplay">
-				<span class="title">{% trans "personalize sparkline's color" %}</span>
-			</a>
-			<div id="sparkline_color_options" class="embedPersonnalisation">
-				<div id="color_line_options">
-					<span class="title">{% trans 'line color' %} </span>
-					<input id="sparkline_line_color" class="codeColor_text color {hash:true,caps:false}" onchange='put_new_code();' type="text" maxlength="7"></input>
-				</div>
-	
-				<div id="fill_color_options">
-						<span class="title">{% trans 'fill color' %} </span>
-						<input id="sparkline_fill_color" class="codeColor_text color {hash:true,caps:false}" onchange='put_new_code();' type="text"  maxlength="7"></input>
-				</div>
-			</div>
-		</div>
-	</div>
-	<input type="checkbox" id="slideshare_checkbox" value="slideshare" onClick="put_new_code()">
-		<span class="infostooltip title" data-title="Slideshare" data-desc="{% trans 'Displays a div in order to watch the slides displayed in the media' %}">Slideshare</span>
-	</input><br>
-	<div>
-	<input type="checkbox" id="social_checkbox" value="social" onClick="put_new_code(); display_social();"> 
-		<span class="infostooltip title" data-title="Social" data-desc="{% trans ' Adds buttons to share an URL on social networks' %}">Social</span>
-	</input><br>
-	<div id="social_options" class="embedPersonnalisation">
-		 <input type="checkbox" id="show_url_checkbox" value="show_url" checked onClick="put_new_code()"> Url </input>
-		 <input type="checkbox" id="show_twitter_checkbox" value="show_twitter" checked onClick="put_new_code()"> Twitter </input>
-		 <input type="checkbox" id="show_fb_checkbox" value="show_fb" checked onClick="put_new_code()"> Facebook </input>
-		 <input type="checkbox" id="show_gplus_checkbox" value="show_gplus" checked onClick="put_new_code()"> Google Plus </input>
-		 <input type="checkbox" id="show_mail_checkbox" value="show_mail" checked onClick="put_new_code()"> {% trans 'share with email' %} </input><br>
-	</div>
-	</div>
-	<input type="checkbox" id="annotation_checkbox" value="annotation" onClick="put_new_code()">
-		<span class="infostooltip title" data-title="Annotation" data-desc="{% trans ' Displays information relative to a single segment/annotation while it is being played' %}">Annotation</span>
-	</input><br>
-	<input type="checkbox" id="tweet_checkbox" value="tweet" onClick="put_new_code()">
-		<span class="infostooltip title" data-title="Tweet" data-desc="{% trans 'Show the contents on a tweet when clicked (in Polemic Widget)' %}">Tweet</span>
-	</input><br>
-	<input type="checkbox" id="tagcloud_checkbox" value="tagcloud" onClick="put_new_code()">
-			<span class="infostooltip title" data-title="Tagcloud" data-desc="{% trans 'Shows a tag cloud' %}">Tagcloud</span>
-	</input><br><br>	
-	<span class="OptionsSubtitle">{% trans 'Other settings' %}</span><br>
-	<input type="checkbox" id="autostart_checkbox" value="autostart" onClick="put_new_code()">
-		<span class="infostooltip title" data-title="AutoStart" data-desc="{% trans 'The video starts automatically' %}">Autostart</span>	
-	</input><br>
+    <span class="OptionsSubtitle">{% trans 'Widgets' %}</span><br>
+    <div id="createannotation_block">
+        <input type="checkbox" id="createannotation_checkbox" value="createannotation" onClick="put_new_code(); display_createannotation();" > 
+            <span class="infostooltip title" data-title="createAnnotation" data-desc="{% trans 'Displays a form to create a new annotation' %}">CreateAnnotation</span>
+        </input><br>
+        <div id="createannotation_options" class="embedPersonnalisationSecondLevel">
+            <input type="checkbox" id="show_mic_record_checkbox" value="{% trans 'audio annotation' %}" onClick="put_new_code()" > 
+                <span class="infostooltip title" data-title="{% trans 'Audio annotation' %}" data-desc="{% trans 'Allows the user to record an annotation' %}">{% trans 'Audio annotation' %}</span>    
+             </input><br>
+             <input type="radio" name="annotation_tag" id="default_tags" checked onClick="put_new_code();">{% trans 'Use most used tags  ' %}</input>
+             <input type="radio" name="annotation_tag" id="set_tags">
+                 <span class="infostooltip title" data-title="{%trans 'Set your own tags : ' %}" data-desc="{% trans 'Write your tags separeted by a comma' %}">{%trans 'Set your own tags : ' %}</span>
+                 <input type="text" id="tag_list" class="tags_area" onChange="put_new_code()"></input>
+             </input><br>
+             <input type="checkbox" id="createannotation_polemics_checkbox" value="{% trans '4 polemics buttons' %} ++/--/??/==" onClick="put_new_code()" > 
+                                        <span class="infostooltip title" data-title="{% trans '4 polemics buttons' %} ++/--/??/==" data-desc="{% trans 'Displays or removes the 4 polemics buttons' %} ++/--/??/==">{% trans '4 polemics buttons' %} ++/--/??/==</span>    
+                                     </input>
+        </div>
+    </div>
+    <div id="segments_block">
+        <input type="checkbox" id="segments_checkbox" value="segments" onClick="put_new_code(); display_segments();" >
+            <span class="infostooltip title" data-title="Segments" data-desc="{% trans 'Displays segments of a media as rectangles on an horizontal line' %}">Segments</span>    
+        </input><br>
+        <div id="segments_options" class="embedPersonnalisationSecondLevel">
+            <div id="displaySegmentsOptions">
+                {% trans 'Display annotation types: (annotation types must be separated by commas, leave blank to display everything) '%} <br>
+                <input type="text" id="segments_annotation_types" value='chap,découpage' onChange="put_new_code()"/><br>
+            </div>
+        </div>
+    </div>
+    <div id="multisegments_block">
+        <input type="checkbox" id="multisegments_checkbox" value="multisegments" onClick="put_new_code()" >
+            <span class="infostooltip title" data-title="MultiSegments" data-desc="{% trans 'Displays every segment of a media as rectangles on multiple horizontal lines' %}">MultiSegments</span>    
+        </input><br>
+    </div>
+    <input type="checkbox" id="annotations_list_checkbox" value="annotationslist" onClick="put_new_code()">
+        <span class="infostooltip title" data-title="Annotationlist" data-desc="{% trans 'Show a list of all annotations accross every project for this content' %}">AnnotationsList</span>    
+    </input><br>
+    <div id='polemic_bloc'>
+        <input type="checkbox" id="polemic_checkbox" value="polemic" onClick="put_new_code(); display_polemic();"> 
+            <span class="infostooltip title" data-title="Polemic" data-desc="{% trans 'Shows the polemical timeline, i.e. tweets colored according to the polemical syntax' %}">Polemic</span>
+        </input><br>
+            <div id="polemic_options" class="embedPersonnalisationSecondLevel">
+                <div id="displayPolemicOptions">
+                    {% trans 'Display annotation types: (annotation types must be separated by commas, leave blank to display everything) '%} <br>
+                    <input type="text" id="polemic_annotation_types" value="tweet" onChange="put_new_code()"/><br>
+                    <a id="displayPolemicColorOptions" class="AdvancedOptionsDisplay">
+                        <span class="title">{% trans "Personalize tweet's color" %}</span>
+                    </a>
+                </div>
+                <div id="polemic_color_options" class="embedPersonnalisation">
+                    <div id="color_default_options">
+                        <span class="title">{% trans "Default color" %} </span>
+                        <input id="polemic_default_color" class="codeColor_text color {hash:true,caps:false}" onchange="put_new_code();" type="text" maxlength="8"></input>
+                    </div>
+                    <div id="polemics_colors">
+                        <span class="title">{% trans "Polemic's color : ++ : " %} </span>
+                        <input id="polemic_ok_color" class="codeColor_text color {hash:true,caps:false}" onchange="put_new_code();" type="text" maxlength="8"></input>
+                        <span class="title">    -- :    </span>
+                        <input id="polemic_ko_color" class="codeColor_text color {hash:true,caps:false}" onchange="put_new_code();" type="text" maxlength="8"></input>
+                        <span class="title">    == :    </span>
+                        <input id="polemic_ref_color" class="codeColor_text color {hash:true,caps:false}" onchange="put_new_code();" type="text" maxlength="8"></input>
+                        <span class="title">    ? :    </span>
+                        <input id="polemic_q_color" class="codeColor_text color {hash:true,caps:false}" onchange="put_new_code();" type="text" maxlength="8"></input>
+                    </div>
+                    <div id="color_found_options">
+                        <span class="title">{% trans "Found color" %}</span>
+                        <input id="polemic_found_color" class="codeColor_text color {hash:true,caps:false}" onchange="put_new_code();" type="text" maxlength="8"></input>
+                    </div>
+                </div>
+            </div>
+    </div>
+    <div>
+        <input type="checkbox" id="sparkline_checkbox" value="sparkline" onClick="put_new_code(); display_sparkline();">
+            <span class="infostooltip title" data-title="Sparkline" data-desc="{% trans 'Displays a curve showing the project annotation volume across time' %}">Sparkline</span>
+        </input><br>
+        <div id="sparkline_options" class="embedPersonnalisationSecondLevel">
+            <a id="displaySparklineOptions" class="AdvancedOptionsDisplay">
+                <span class="title">{% trans "personalize sparkline's color" %}</span>
+            </a>
+            <div id="sparkline_color_options" class="embedPersonnalisation">
+                <div id="color_line_options">
+                    <span class="title">{% trans 'line color' %} </span>
+                    <input id="sparkline_line_color" class="codeColor_text color {hash:true,caps:false}" onchange='put_new_code();' type="text" maxlength="7"></input>
+                </div>
+    
+                <div id="fill_color_options">
+                        <span class="title">{% trans 'fill color' %} </span>
+                        <input id="sparkline_fill_color" class="codeColor_text color {hash:true,caps:false}" onchange='put_new_code();' type="text"  maxlength="7"></input>
+                </div>
+            </div>
+        </div>
+    </div>
+    <input type="checkbox" id="slideshare_checkbox" value="slideshare" onClick="put_new_code()">
+        <span class="infostooltip title" data-title="Slideshare" data-desc="{% trans 'Displays a div in order to watch the slides displayed in the media' %}">Slideshare</span>
+    </input><br>
+    <div>
+    <input type="checkbox" id="social_checkbox" value="social" onClick="put_new_code(); display_social();"> 
+        <span class="infostooltip title" data-title="Social" data-desc="{% trans ' Adds buttons to share an URL on social networks' %}">Social</span>
+    </input><br>
+    <div id="social_options" class="embedPersonnalisation">
+         <input type="checkbox" id="show_url_checkbox" value="show_url" checked onClick="put_new_code()"> Url </input>
+         <input type="checkbox" id="show_twitter_checkbox" value="show_twitter" checked onClick="put_new_code()"> Twitter </input>
+         <input type="checkbox" id="show_fb_checkbox" value="show_fb" checked onClick="put_new_code()"> Facebook </input>
+         <input type="checkbox" id="show_gplus_checkbox" value="show_gplus" checked onClick="put_new_code()"> Google Plus </input>
+         <input type="checkbox" id="show_mail_checkbox" value="show_mail" checked onClick="put_new_code()"> {% trans 'share with email' %} </input><br>
+    </div>
+    </div>
+    <input type="checkbox" id="annotation_checkbox" value="annotation" onClick="put_new_code()">
+        <span class="infostooltip title" data-title="Annotation" data-desc="{% trans ' Displays information relative to a single segment/annotation while it is being played' %}">Annotation</span>
+    </input><br>
+    <input type="checkbox" id="tweet_checkbox" value="tweet" onClick="put_new_code()">
+        <span class="infostooltip title" data-title="Tweet" data-desc="{% trans 'Show the contents on a tweet when clicked (in Polemic Widget)' %}">Tweet</span>
+    </input><br>
+    <input type="checkbox" id="tagcloud_checkbox" value="tagcloud" onClick="put_new_code()">
+            <span class="infostooltip title" data-title="Tagcloud" data-desc="{% trans 'Shows a tag cloud' %}">Tagcloud</span>
+    </input><br><br>    
+    <span class="OptionsSubtitle">{% trans 'Other settings' %}</span><br>
+    <input type="checkbox" id="autostart_checkbox" value="autostart" onClick="put_new_code()">
+        <span class="infostooltip title" data-title="AutoStart" data-desc="{% trans 'The video starts automatically' %}">Autostart</span>    
+    </input><br>
     <input type="checkbox" id="concatenate_projects_checkbox" value="concatenate_projects" onClick="put_new_code()">
-    	<span>{% trans "Concatenate all projects using this content" %}</span>
+        <span>{% trans "Concatenate all projects using this content" %}</span>
     </input>
 {% endblock %}
 {% block content %}
-	{{ block.super }}
+    {{ block.super }}
 {% endblock %}
 {% analytics %}
\ No newline at end of file
--- a/src/ldt/ldt/static/ldt/css/embed_popup.css	Wed Mar 25 18:40:48 2015 +0100
+++ b/src/ldt/ldt/static/ldt/css/embed_popup.css	Tue Apr 07 18:20:43 2015 +0200
@@ -7,118 +7,118 @@
 }
 
 .margin0{
-	margin:0 0 0 0;
+    margin:0 0 0 0;
 }
 .large_text{
     font-size: 1.5em;
 }
 .middle_text{
-	font-size: 0.9em;
+    font-size: 0.9em;
 }
 
 input
 {
-	background: #ededed;
+    background: #ededed;
 }
 .embed_checkbox{
-	text-indent:25px;
-	
+    text-indent:25px;
+    
 }
 .code_button
 {
-	background-color: #656565;
-	color: white;
-	width: auto;
-	font-weight: bold;
-	padding: 5px 10px;
+    background-color: #656565;
+    color: white;
+    width: auto;
+    font-weight: bold;
+    padding: 5px 10px;
 }
 
 .codeColor_text{
-	width: 50px;
-	text-align: center;
+    width: 50px;
+    text-align: center;
     color: #949494;
     font-size: 12px;
-    padding: 3px;	
+    padding: 3px;    
 }
 
 .number_area{
-	width: 30px;
-	text-align: center;
-	padding: 3px;
-	font-size: 12px;
-	color: #7B8084;
-	border: 3px solid lightGrey;
+    width: 30px;
+    text-align: center;
+    padding: 3px;
+    font-size: 12px;
+    color: #7B8084;
+    border: 3px solid lightGrey;
 }
 
 .tags_area{
-	padding: 3px;
-	font-size: 12px;
-	color: #7B8084;
-	border: 3px solid lightGrey;
+    padding: 3px;
+    font-size: 12px;
+    color: #7B8084;
+    border: 3px solid lightGrey;
 }
 .refresh_button{
-	background-color:#fcfcfc;
-	-moz-border-radius:6px;
-	-webkit-border-radius:6px;
-	border-radius:6px;
-	border:1px solid #dcdcdc;
-	display:inline-block;
-	color:#777777;
-	padding:6px 6px;
+    background-color:#fcfcfc;
+    -moz-border-radius:6px;
+    -webkit-border-radius:6px;
+    border-radius:6px;
+    border:1px solid #dcdcdc;
+    display:inline-block;
+    color:#777777;
+    padding:6px 6px;
 }
 .refresh_button:hover {
-	background-color:#fffaff;
+    background-color:#fffaff;
 }
 
 .refresh_button:active {
-	position:relative;
-	top:1px;
+    position:relative;
+    top:1px;
 }
 #button_row input {
-	margin: 10px; 
+    margin: 10px; 
 }
 
 #display_select {
-	float: left;
+    float: left;
 }
 
 #copy_div {
-	float: right;
+    float: right;
 }
 
 #ldt_id {
-	color: #949494;
-	font-family: Arial, Helvetica, sans serif;
-	font-weight: lighter;
-	font-style: normal;
-	font-size: 14px;
-	text-align: left;
-	
+    color: #949494;
+    font-family: Arial, Helvetica, sans serif;
+    font-weight: lighter;
+    font-style: normal;
+    font-size: 14px;
+    text-align: left;
+    
 }
 
 #ldt_id_row {
-	height: 20px;
-	vertical-align: middle;
-	font-size: 1.5em;
-	font-style: normal;
-	text-align: left;
-	
+    height: 20px;
+    vertical-align: middle;
+    font-size: 1.5em;
+    font-style: normal;
+    text-align: left;
+    
 }
 
 #ldt_id_id {
-	float: left;
+    float: left;
 }
 
 #clipboard_button {
-	height: 20px;
-	width: 20px;
-	float: left;
-	background-image:url('../img/clipboard.png');
-	background-repeat:no-repeat;
-	background-position:center;
-	cursor: pointer;
-	margin-right: 10px;
-	padding: 2px;
+    height: 20px;
+    width: 20px;
+    float: left;
+    background-image:url('../img/clipboard.png');
+    background-repeat:no-repeat;
+    background-position:center;
+    cursor: pointer;
+    margin-right: 10px;
+    padding: 2px;
 }
 .click_to_select {
     font-size: 0.9em;
@@ -137,92 +137,111 @@
 }
 
 .configuration {
-	color: #949494;
-	font-family: Arial, Helvetica, sans serif;
-	font-weight: lighter;
-	font-style: normal;
-	font-size: 12px;
-	text-align: left;
+    color: #949494;
+    font-family: Arial, Helvetica, sans serif;
+    font-weight: lighter;
+    font-style: normal;
+    font-size: 12px;
+    text-align: left;
 }
 
+
+#embed_options_wrapper:after {
+    content:'';
+    display:block;
+    clear: both;
+}
 #embed_options .title {
     font-weight: bold;
     margin-right: 9px;
 }
 
+#embed_options {
+    float: left;
+}
+
+
+#refresh_button_div {
+    float: right;
+}
+
+#refresh_player_button {
+    display: none;
+}
+
 .OptionsEmbedDisplay {
-	color: #949494;
-	font-family: Arial, Helvetica, sans serif;
-	font-weight: lighter;
-	font-style: normal;
-	font-size: 12px;
-	text-align: left;
-	cursor: pointer;
+    color: #949494;
+    font-family: Arial, Helvetica, sans serif;
+    font-weight: lighter;
+    font-style: normal;
+    font-size: 12px;
+    text-align: left;
+    cursor: pointer;
     font-weight: bold;
     margin-right: 9px;
     text-decoration: none;
     line-height: 12px;
     top: 10px;
-	vertical-align: top;
+    vertical-align: top;
     
 }
 
 .AdvancedOptionsDisplay{
-	color: #949494;
-	font-family: Arial, Helvetica, sans serif;
-	font-weight: lighter;
-	font-style: normal;
-	font-size: 12px;
-	text-align: left;
-	cursor: pointer;
+    color: #949494;
+    font-family: Arial, Helvetica, sans serif;
+    font-weight: lighter;
+    font-style: normal;
+    font-size: 12px;
+    text-align: left;
+    cursor: pointer;
     margin-right: 9px;
     text-decoration: none;
     line-height: 12px;
     top: 10px;
-	vertical-align: top;
+    vertical-align: top;
 }
 
 .OptionsSubtitle{
-	margin-left: 6px;
-	font-weight: bold;
+    margin-left: 6px;
+    font-weight: bold;
 }
 
 .embedPersonnalisation{
-	margin-left: 21px;
+    margin-left: 21px;
 }
 
 .embedPersonnalisationSecondLevel{
-	margin-left: 22px; 
+    margin-left: 22px; 
 }
 
 .expArrow {
-	width:0px; 
-	height:0px; 
-	border-bottom:6px solid transparent;  /* left arrow slant */
-	border-top:6px solid transparent; /* right arrow slant */
-	border-left:6px solid #949494; /* bottom, add background color here */
-	font-size:0px;
-	line-height:12px;
-	margin-right: 8px;
-	position: relative;
-	top: 0px;
-	vertical-align: top;
-	display: inline-block;
+    width:0px; 
+    height:0px; 
+    border-bottom:6px solid transparent;  /* left arrow slant */
+    border-top:6px solid transparent; /* right arrow slant */
+    border-left:6px solid #949494; /* bottom, add background color here */
+    font-size:0px;
+    line-height:12px;
+    margin-right: 8px;
+    position: relative;
+    top: 0px;
+    vertical-align: top;
+    display: inline-block;
 
 }
 
 .collArrow {
-	width:0px; 
-	height:0px; 
-	border-left:6px solid transparent;
-	border-right:6px solid transparent;
-	border-top:6px solid #949494;
-	font-size:0px;
-	line-height:12px;
-	margin-right: 8px;
-	position: relative;	
-	top: 5px;
-	vertical-align: top;
-	display: inline-block;
+    width:0px; 
+    height:0px; 
+    border-left:6px solid transparent;
+    border-right:6px solid transparent;
+    border-top:6px solid #949494;
+    font-size:0px;
+    line-height:12px;
+    margin-right: 8px;
+    position: relative;    
+    top: 5px;
+    vertical-align: top;
+    display: inline-block;
 }
 
--- a/src/ldt/ldt/static/ldt/js/embed/v2/embed.js	Wed Mar 25 18:40:48 2015 +0100
+++ b/src/ldt/ldt/static/ldt/js/embed/v2/embed.js	Tue Apr 07 18:20:43 2015 +0200
@@ -1,922 +1,934 @@
+"use strict";
+
 var display_state = "player";
 
 function toggle_display() {
-	$j.each(["player","ldt_iframe","seo_body","seo_meta","links"], function(i,display_str) {
+    $j.each(["player","ldt_iframe","seo_body","seo_meta","links"], function(i,display_str) {
 
-		var div_selector = "#"+display_str+"_code";
-		if(display_str === display_state) {
-			$j(div_selector).show();
-		}
-		else {
-			$j(div_selector).hide();
-		}
-	});
+        var div_selector = "#"+display_str+"_code";
+        if(display_str === display_state) {
+            $j(div_selector).show();
+        }
+        else {
+            $j(div_selector).hide();
+        }
+    });
 }
 
 function init_events(){
-	toggle_display();
-	$j("#iframe_div_premode").toggle(false);
-	$j("#embed_personnalisation").toggle(false);
-	$j("#player_width").val(550);
-	$j("#player_height").val(300);
-	$j("#optionsExpArrow").toggle(true);
-	$j("#optionsCollArrow").toggle(false);	
-	$j("#preModeExpArrow").toggle(true);
-	$j("#preModeCollArrow").toggle(false);
-	$j("#createannotation_block").toggle(false);
-	$j("#player_id_code").select();
-	$j("#polemic_color_options").toggle(false);
-	$j("#sparkline_color_options").toggle(false);
-	$j("#social_options").toggle(false);
-	$j("#displaySegmentsOptions").toggle(false);
-	$j("#displayPolemicOptions").toggle(false);
-	$j("#displaySparklineOptions").toggle(false);
-	$j("#polemic_default_color").val("#585858");
-	$j("#polemic_found_color").val("#fc00ff");
-	$j("#polemic_ok_color").val("#1d973d");
-	$j("#polemic_ko_color").val("#ce0a15");
-	$j("#polemic_ref_color").val("#c5a62d");
-	$j("#polemic_q_color").val("#036aae");
-	$j("#sparkline_line_color").val("#7492b4");
-	$j("#sparkline_fill_color").val("#aeaeb8");
-	var type_embed=document.getElementById("type_embed_div");
-	type_embed.checked=true;
-	$j("#createannotation_options").toggle(false);
-	mode1();
-	
-	$j(".click_to_select").click(function(){
-	    var i = $j(this).parent().find("input");
-	    i.select();
-	});
-	
-	$j('.ldt_json_link').click(function(e) {
-    	e.preventDefault();
- 		link = $j(e.target);
- 		$j("#res_link_{{player_id}}").load(link.attr("href"));
- 		$j("#res_link_{{player_id}}").show();
- 		return false;
+    toggle_display();
+    $j("#iframe_div_premode").toggle(false);
+    $j("#embed_personnalisation").toggle(false);
+    $j("#player_width").val(550);
+    $j("#player_height").val(300);
+    $j("#optionsExpArrow").toggle(true);
+    $j("#optionsCollArrow").toggle(false);	
+    $j("#preModeExpArrow").toggle(true);
+    $j("#preModeCollArrow").toggle(false);
+    $j("#createannotation_block").toggle(true);
+    $j("#player_id_code").select();
+    $j("#polemic_color_options").toggle(false);
+    $j("#sparkline_color_options").toggle(false);
+    $j("#social_options").toggle(false);
+    $j("#displaySegmentsOptions").toggle(false);
+    $j("#displayPolemicOptions").toggle(false);
+    $j("#displaySparklineOptions").toggle(false);
+    $j("#polemic_default_color").val("#585858");
+    $j("#polemic_found_color").val("#fc00ff");
+    $j("#polemic_ok_color").val("#1d973d");
+    $j("#polemic_ko_color").val("#ce0a15");
+    $j("#polemic_ref_color").val("#c5a62d");
+    $j("#polemic_q_color").val("#036aae");
+    $j("#sparkline_line_color").val("#7492b4");
+    $j("#sparkline_fill_color").val("#aeaeb8");
+    var type_embed=document.getElementById("type_embed_div");
+    type_embed.checked=true;
+    $j("#createannotation_options").toggle(false);
+    mode1();
+
+    $j(".click_to_select").click(function(){
+        var i = $j(this).parent().find("input");
+        i.select();
+    });
+
+    $j('.ldt_json_link').click(function(e) {
+        e.preventDefault();
+        link = $j(e.target);
+        $j("#res_link_{{player_id}}").load(link.attr("href"));
+        $j("#res_link_{{player_id}}").show();
+        return false;
     });
 
     $j('#player_button').click(function(e) {
-    	display_state = "player";
-    	toggle_display();
- 	   $j("#player_id_code").select();
+        display_state = "player";
+        toggle_display();
+        $j("#player_id_code").select();
     });
     $j('#ldt_iframe_button').click(function(e) {
-    	display_state = "ldt_iframe";
-    	toggle_display();
-    	$j("#ldt_iframe_id_code").select();
+        display_state = "ldt_iframe";
+        toggle_display();
+        $j("#ldt_iframe_id_code").select();
     });
     $j('#seo_body_button').click(function(e) {
-    	display_state = "seo_body";
-    	toggle_display();
- 	   $j("#seo_body_id_code").select();
+        display_state = "seo_body";
+        toggle_display();
+        $j("#seo_body_id_code").select();
     });
     $j('#seo_meta_button').click(function(e) {
-    	display_state = "seo_meta";
-    	toggle_display();
-      	$j("#seo_meta_id_code").select();
+        display_state = "seo_meta";
+        toggle_display();
+        $j("#seo_meta_id_code").select();
     });
     $j('#links_button').click(function(e) {
-    	display_state = "links";
-    	toggle_display();
+        display_state = "links";
+        toggle_display();
+    });
+
+    $j("#copy_button").click(function(e) {
+        alert($j("#"+display_state+"_code").html());
+    });
+
+    $j("#refresh_player_button").click(function(e){
+        refresh_player();
+        $j("#player_id_code").select();
+    });
+
+
+    $j('#links_button').click(function() {
+        var range = document.createRange();
+        range.selectNode(document.getElementById('links_code'));
+        window.getSelection().addRange(range);
     });
 
-   $j("#copy_button").click(function(e) {
- 	   alert($j("#"+display_state+"_code").html());
-   });
-   
-   $j("#refresh_player_button").click(function(e){
-	   refresh_player();
-	   $j("#player_id_code").select();
-   });
-    
-   
-   $j('#links_button').click(function() {
-	   var range = document.createRange();
-	   range.selectNode(document.getElementById('links_code'));
-	   window.getSelection().addRange(range);
-   });
-   
-   $j('#displayPreMode').click(function(){
-		$j("#iframe_div_premode").slideToggle("fast");
-		$j("#preModeExpArrow").toggle();
-		$j("#preModeCollArrow").toggle();
-	});
-   
-   $j("#displayEmbedOptions").click(function(){
-	   $j("#embed_personnalisation").slideToggle("fast");
-	   $j("#optionsExpArrow").toggle();
-	   $j("#optionsCollArrow").toggle();
-	   
-   });
-   
-   $j("#displayPolemicColorOptions").click(function(){
-	  $j("#polemic_color_options").slideToggle("fast");
-   });
-    
-   $j("#displaySparklineOptions").click(function(){
-	   $j("#sparkline_color_options").slideToggle("fast");
-   });
-   
-   $('.infostooltip').each( function () {
-       var desc = $(this).attr('data-desc');
-       if (desc == 'None') {
-           desc = '';
-       }
-       $(this).qtip({ 
-           content : {
-               text: '<b>' + $(this).attr('data-title') + '</b><br />' + desc
-           },
-       	style: {
-       		classes: 'ui-tooltip-dark ui-tooltip-rounded qtipldt'
-       	},
-       	border: {
-       		'width': 0,
-       		'color': '#505050'
-       	},
-       	position: {
-       		my: 'top left',
-       		at: 'bottom left'
-       	}
-       });
-   });
- 
+    $j('#displayPreMode').click(function(){
+        $j("#iframe_div_premode").slideToggle("fast");
+        $j("#preModeExpArrow").toggle();
+        $j("#preModeCollArrow").toggle();
+    });
+
+    $j("#displayEmbedOptions").click(function(){
+        $j("#embed_personnalisation").slideToggle("fast");
+        $j("#optionsExpArrow").toggle();
+        $j("#optionsCollArrow").toggle();
+
+    });
+
+    $j("#displayPolemicColorOptions").click(function(){
+        $j("#polemic_color_options").slideToggle("fast");
+    });
+
+    $j("#displaySparklineOptions").click(function(){
+        $j("#sparkline_color_options").slideToggle("fast");
+    });
+
+    $('.infostooltip').each( function () {
+        var desc = $(this).attr('data-desc');
+        if (desc == 'None') {
+            desc = '';
+        }
+        $(this).qtip({ 
+            content : {
+                text: '<b>' + $(this).attr('data-title') + '</b><br />' + desc
+            },
+            style: {
+                classes: 'ui-tooltip-dark ui-tooltip-rounded qtipldt'
+            },
+            border: {
+                'width': 0,
+                'color': '#505050'
+            },
+            position: {
+                my: 'top left',
+                at: 'bottom left'
+            }
+        });
+    });
+
 }
 
 function generate_base_embed_code(){
-	var concatenate_projects_val = document.getElementById("concatenate_projects_checkbox");
-	var player_width_val=$j("#player_width").val();
-	if (concatenate_projects_val.checked){
-		json_url_embed=json_url_concatenate;
-	}
-	else {
-		json_url_embed=json_url;
-	}
-	base='\
-<div> \n \
-		<div id="'+player_id+'_embed" style="float:left; width:'+player_width_val+';" class="iri_player_embed">\n\
-		</div>\n\
-<script type="text/javascript" src="'+LdtPlayer_core+'"></script>\n\
-<script type="text/javascript">\n\
-	if (typeof jQuery == "undefined") {\n\
-		jQuery = IriSP.jQuery;\n\
-	}\n\
-	var metadatas = {metadata: {url: "'+json_url_embed+'"}};\n\
-	var metadata_key = "metadata";\n\
-	IriSP.libFiles.defaultDir = "'+defaultDir+'";\n\
-	IriSP.libFiles.locations.jwPlayerSWF = "'+jwPlayerSWF+'";\n\
-	IriSP.libFiles.locations.recordMicSwf = "'+recordMicSwf+'";\n\
-	IriSP.libFiles.locations.zeroClipboardSwf = "'+zeroClipboardSwf+'";\n\
-	IriSP.libFiles.locations.cssjQueryUI = "'+cssjQueryUI+'";\n\
-	IriSP.language = "'+LANGUAGE_CODE+'";\n\
-\n\
-	IriSP.widgetsDir = "'+widgetsDir+'";\n\
-	var _metadata = {\n\
-    	url: metadatas[metadata_key].url,\n\
-    	format: "ldt"\n\
-	};\n\
-	var _config = {\n\
-    	width: "'+player_width_val+'",\n\
-    	container: "'+player_id+'_embed",\n\
-    	css: "'+configCss+'",\n\
-    	default_options: {\n\
+    var concatenate_projects_val = document.getElementById("concatenate_projects_checkbox");
+    var player_width_val=$j("#player_width").val();
+    var json_url_embed;
+    if (concatenate_projects_val.checked){
+        json_url_embed=json_url_concatenate;
+    }
+    else {
+        json_url_embed=json_url;
+    }
+    return '\
+        <div> \n \
+        <div id="'+player_id+'_embed" style="float:left; width:'+player_width_val+';" class="iri_player_embed">\n\
+        </div>\n\
+        <script type="text/javascript" src="'+LdtPlayer_core+'"></script>\n\
+        <script type="text/javascript">\n\
+        if (typeof jQuery == "undefined") {\n\
+        jQuery = IriSP.jQuery;\n\
+        }\n\
+        var metadatas = {metadata: {url: "'+json_url_embed+'"}};\n\
+        var metadata_key = "metadata";\n\
+        IriSP.libFiles.defaultDir = "'+defaultDir+'";\n\
+        IriSP.libFiles.locations.jwPlayerSWF = "'+jwPlayerSWF+'";\n\
+        IriSP.libFiles.locations.recordMicSwf = "'+recordMicSwf+'";\n\
+        IriSP.libFiles.locations.zeroClipboardSwf = "'+zeroClipboardSwf+'";\n\
+        IriSP.libFiles.locations.cssjQueryUI = "'+cssjQueryUI+'";\n\
+        IriSP.language = "'+LANGUAGE_CODE+'";\n\
+        \n\
+        IriSP.widgetsDir = "'+widgetsDir+'";\n\
+        var _metadata = {\n\
+        url: metadatas[metadata_key].url,\n\
+        format: "ldt"\n\
+        };\n\
+        var _config = {\n\
+        width: "'+player_width_val+'",\n\
+        container: "'+player_id+'_embed",\n\
+        css: "'+configCss+'",\n\
+        default_options: {\n\
         metadata: _metadata\n\
-    },\n';
-	
-	return base;
-   
+        },\n';
+
 }
 
 function generate_widget_code(){
-	var annotationslist_val=document.getElementById('annotations_list_checkbox');
-	var slideshare_val=document.getElementById('slideshare_checkbox');
-	var social_val=document.getElementById('social_checkbox');
-	var annotation_val=document.getElementById('annotation_checkbox');
-	var tweet_val=document.getElementById('tweet_checkbox');
-	var segments_val=document.getElementById('segments_checkbox');
-	var multisegments_val=document.getElementById('multisegments_checkbox');
-	var polemic_val=document.getElementById('polemic_checkbox');
-	var sparkline_val=document.getElementById('sparkline_checkbox');
-	var tagcloud_val=document.getElementById('tagcloud_checkbox');
-	var player_height_val=$j('#player_height').val();
-	var autostart_val=document.getElementById('autostart_checkbox');
-	widget_code='\
-	widgets: [\n\
-		{\n\
-			type: "AutoPlayer",\n';
-	
-	if (external_url!='None'){
-		widget_code+='video: "'+external_url+'",\n';
-	}
-	
-	widget_code+='height: '+player_height_val+',\n'  
-	
-	if (autostart_val.checked){
-		widget_code+='autostart: true\n\}';
-	}
-	else {
-		widget_code+='autostart: false\n\}';
-	}
-	if (polemic_val.checked){	
-		defaultcolor= $j("#polemic_default_color").val();
-		foundcolor=$j("#polemic_found_color").val();
-		ok_color=$j("#polemic_ok_color").val();
-		ko_color=$j("#polemic_ko_color").val();
-		ref_color=$j("#polemic_ref_color").val();
-		q_color=$j("#polemic_q_color").val();
-		polemic_annotation_types_val=document.getElementById("polemic_annotation_types");
-		widget_code+='\
-	    ,{\n\
-	        type: "Polemic",\n';
-		if(polemic_annotation_types_val.value){
-			var polemic_annotation_types_array=polemic_annotation_types_val.value.split(",")
-			widget_code+='\
-			annotation_type: [';
-			for (i=0; i<polemic_annotation_types_array.length; i++){
-				widget_code+='"'+polemic_annotation_types_array[i]+'"'
-				if (i!=polemic_annotation_types_array.length-1){
-					widget_code+=','
-				}
-			}
-			widget_code+='],\n';
-		}
-		else{
-			widget_code+='\
-			annotation_type: false,\n';
-		}
-		widget_code+='\
-			defaultcolor: "'+defaultcolor+'",\n\
-			foundcolor: "'+foundcolor+'",\n\
-			polemics : [\n\
-			            {\n\
-			                "name" : "OK",\n\
-			                "keywords" : [ "++" ],\n\
-			                "color" : "'+ok_color+'"\n\
-			            },\n\
-			            {\n\
-			                "name" : "KO",\n\
-			                "keywords" : [ "--" ],\n\
-			                "color" : "'+ko_color+'"\n\
-			            },\n\
-			            {\n\
-			                "name" : "REF",\n\
-			                "keywords" : [ "==" ],\n\
-			                "color" : "'+ref_color+'"\n\
-			            },\n\
-			            {\n\
-			                "name" : "Q",\n\
-			                "keywords" : [ "?" ],\n\
-			                "color" : "'+q_color+'"\n\
-			            },\n\
-			        ]\n\
-		}';
-	}
-	
-	if(sparkline_val.checked){
-		linecolor=$j("#sparkline_line_color").val();
-		fillcolor=$j("#sparkline_fill_color").val();
-		widget_code+=',{\n\
+    var annotationslist_val=document.getElementById('annotations_list_checkbox');
+    var slideshare_val=document.getElementById('slideshare_checkbox');
+    var social_val=document.getElementById('social_checkbox');
+    var annotation_val=document.getElementById('annotation_checkbox');
+    var tweet_val=document.getElementById('tweet_checkbox');
+    var segments_val=document.getElementById('segments_checkbox');
+    var multisegments_val=document.getElementById('multisegments_checkbox');
+    var polemic_val=document.getElementById('polemic_checkbox');
+    var sparkline_val=document.getElementById('sparkline_checkbox');
+    var tagcloud_val=document.getElementById('tagcloud_checkbox');
+    var player_height_val=$j('#player_height').val();
+    var autostart_val=document.getElementById('autostart_checkbox');
+    var widget_code='\
+        widgets: [\n\
+        {\n\
+        type: "AutoPlayer",\n';
+
+    if (external_url!='None'){
+        widget_code+='video: "'+external_url+'",\n';
+    }
+
+    widget_code+='height: '+player_height_val+',\n'  
+
+    if (autostart_val.checked){
+        widget_code+='autostart: true\n\}';
+    }
+    else {
+        widget_code+='autostart: false\n\}';
+    }
+    if (polemic_val.checked){	
+        defaultcolor= $j("#polemic_default_color").val();
+        foundcolor=$j("#polemic_found_color").val();
+        ok_color=$j("#polemic_ok_color").val();
+        ko_color=$j("#polemic_ko_color").val();
+        ref_color=$j("#polemic_ref_color").val();
+        q_color=$j("#polemic_q_color").val();
+        polemic_annotation_types_val=document.getElementById("polemic_annotation_types");
+        widget_code+='\
+            ,{\n\
+            type: "Polemic",\n';
+        if(polemic_annotation_types_val.value){
+            var polemic_annotation_types_array=polemic_annotation_types_val.value.split(",")
+            widget_code+='\
+                annotation_type: [';
+            for (i=0; i<polemic_annotation_types_array.length; i++){
+                widget_code+='"'+polemic_annotation_types_array[i]+'"'
+                if (i!=polemic_annotation_types_array.length-1){
+                    widget_code+=','
+                }
+            }
+            widget_code+='],\n';
+        }
+        else{
+            widget_code+='\
+                annotation_type: false,\n';
+        }
+        widget_code+='\
+            defaultcolor: "'+defaultcolor+'",\n\
+            foundcolor: "'+foundcolor+'",\n\
+            polemics : [\n\
+            {\n\
+            "name" : "OK",\n\
+            "keywords" : [ "++" ],\n\
+            "color" : "'+ok_color+'"\n\
+            },\n\
+            {\n\
+            "name" : "KO",\n\
+            "keywords" : [ "--" ],\n\
+            "color" : "'+ko_color+'"\n\
+            },\n\
+            {\n\
+            "name" : "REF",\n\
+            "keywords" : [ "==" ],\n\
+            "color" : "'+ref_color+'"\n\
+            },\n\
+            {\n\
+            "name" : "Q",\n\
+            "keywords" : [ "?" ],\n\
+            "color" : "'+q_color+'"\n\
+            },\n\
+            ]\n\
+            }';
+    }
+
+    if(sparkline_val.checked){
+        linecolor=$j("#sparkline_line_color").val();
+        fillcolor=$j("#sparkline_fill_color").val();
+        widget_code+=',{\n\
             type: "Sparkline",\n\
-			lineColor: "'+linecolor+'",\n\
-			fillColor: "'+fillcolor+'"\n\
+            lineColor: "'+linecolor+'",\n\
+            fillColor: "'+fillcolor+'"\n\
+            }';
+    }
+
+    if(segments_val.checked){
+        widget_code+=',{\n\
+            type: "Segments",\n';
+        var segments_annotation_types_val=document.getElementById('segments_annotation_types');
+
+        if(segments_annotation_types_val.value){
+            var segments_annotation_types_array=segments_annotation_types_val.value.split(",")
+            widget_code+='\
+                annotation_type: [';
+            for (var i=0; i<segments_annotation_types_array.length; i++){
+                widget_code+='"'+segments_annotation_types_array[i]+'"'
+                if (i!=segments_annotation_types_array.length-1){
+                    widget_code+=','
+                }
+            }
+            widget_code+='],\n';
+        }
+        else {
+            widget_code+='annotation_type: false\n';
+        }
+        widget_code+='}';
+    }
+    if(multisegments_val.checked){
+        widget_code+=',{\n\
+            type: "MultiSegments",\n\
+            }';
+    }
+
+    widget_code+=',{\n\
+        type: "Slider"\n\
+        },{\n\
+        type: "Controller"\n\
+        },{\n\
+        type: "Mediafragment"\n\
         }';
-	}
-	
-	if(segments_val.checked){
-		widget_code+=',{\n\
-			type: "Segments",\n';
-		var segments_annotation_types_val=document.getElementById('segments_annotation_types');
-		
-		if(segments_annotation_types_val.value){
-			var segments_annotation_types_array=segments_annotation_types_val.value.split(",")
-			widget_code+='\
-			annotation_type: [';
-			for (i=0; i<segments_annotation_types_array.length; i++){
-				widget_code+='"'+segments_annotation_types_array[i]+'"'
-				if (i!=segments_annotation_types_array.length-1){
-					widget_code+=','
-				}
-			}
-			widget_code+='],\n';
-		}
-		else {
-			widget_code+='annotation_type: false\n';
-		}
-		widget_code+='}';
-	}
-	if(multisegments_val.checked){
-		widget_code+=',{\n\
-	        type: "MultiSegments",\n\
-	    }';
-	}
-	
-	widget_code+=',{\n\
-	        type: "Slider"\n\
-	    },{\n\
-	        type: "Controller"\n\
-	    },{\n\
-	        type: "Mediafragment"\n\
-	    }';
-	if(slideshare_val.checked){
-		widget_code+='\
-		,{\n\
-	        type: "Slideshare",\n\
-	        container: "Slideshare_ext",\n\
-	        embed_width: 400,\n\
-	        embed_height: 334,\n\
-	        annotation_type: "slide"\n\
-		}';
-	}
-	
-	if(social_val.checked){
-		show_url=document.getElementById("show_url_checkbox");
-		show_twitter=document.getElementById("show_twitter_checkbox");
-		show_fb=document.getElementById("show_fb_checkbox");
-		show_gplus=document.getElementById("show_gplus_checkbox");
-		show_mail=document.getElementById("show_mail_checkbox");
+    if(slideshare_val.checked){
+        widget_code+='\
+            ,{\n\
+            type: "Slideshare",\n\
+            container: "Slideshare_ext",\n\
+            embed_width: 400,\n\
+            embed_height: 334,\n\
+            annotation_type: "slide"\n\
+            }';
+    }
+
+    if(social_val.checked){
+        show_url=document.getElementById("show_url_checkbox");
+        show_twitter=document.getElementById("show_twitter_checkbox");
+        show_fb=document.getElementById("show_fb_checkbox");
+        show_gplus=document.getElementById("show_gplus_checkbox");
+        show_mail=document.getElementById("show_mail_checkbox");
+
+        widget_code+='\
+            ,{\n\
+            type: "Social",\n\
+            container: "Social_ext",\n\
+            url: document.location.href.replace(/#.*$/,""),\n\
+            text: document.title,\n';
 
-		widget_code+='\
-		,{\n\
-	        type: "Social",\n\
-	        container: "Social_ext",\n\
-	        url: document.location.href.replace(/#.*$/,""),\n\
-	        text: document.title,\n';
-		
-		if(show_url.checked){
-			widget_code+='\
-			show_url: true,\n';
-		}
-		else{
-			widget_code+='\
-			show_url: false,\n';
-		}
-		if(show_twitter.checked){
-			widget_code+='\
-			show_twitter: true,\n';
-		}
-		else{
-			widget_code+='\
-			show_twitter: false,\n';
-		}
-		if(show_fb.checked){
-			widget_code+='\
-			show_fb: true,\n';
-		}
-		else{
-			widget_code+='\
-			show_fb: false,\n';
-		}
-		if(show_gplus.checked){
-			widget_code+='\
-			show_gplus: true,\n';
-		}
-		else{
-			widget_code+='\
-			show_gplus: false,\n';
-		}
-		if(show_mail.checked){
-			widget_code+='\
-			show_mail: true\n';
-		}
-		else{
-			widget_code+='\
-			show_mail: false\n';
-		}
-		
-		widget_code+='}';
-	}
-	if(annotation_val.checked){
-		widget_code+='\
-		,{\n\
-	        type: "Annotation",\n\
-	        start_minimized: true,\n\
-	        site_name : "Lignes de Temps",\n\
-	        annotation_type: ["chap","découpage"]\n\
-	    }';
-	}
-	if(tweet_val.checked){
-		widget_code+='\
-		,{\n\
-	        type: "Tweet",\n\
-	        hide_timeout: 5000\n\
-	    }';
-	}
-	
-	if(annotationslist_val.checked){
-		widget_code+=',{\n\
-	        type: "AnnotationsList",\n\
-			ajax_url: "'+segment_api+'",\n\
-	        container: "AnnotationsList_ext",\n\
-	        ajax_granularity : 300000,\n\
-	        default_thumbnail : "'+default_thumbnail+'",\n\
-	        show_audio: true,\n\
-	        rtmp_streamer: "rtmp://media.iri.centrepompidou.fr/ddc_micro_record/"\n\
-	    }';
-	}
-	
-	if(tagcloud_val.checked){
-		widget_code+=',{\n\
-			type: "Tagcloud",\n\
-		}';
-	}
-	
-	widget_code+=']\n\
-		};\n';
-        
-        return widget_code;
-		
+        if(show_url.checked){
+            widget_code+='\
+                show_url: true,\n';
+        }
+        else{
+            widget_code+='\
+                show_url: false,\n';
+        }
+        if(show_twitter.checked){
+            widget_code+='\
+                show_twitter: true,\n';
+        }
+        else{
+            widget_code+='\
+                show_twitter: false,\n';
+        }
+        if(show_fb.checked){
+            widget_code+='\
+                show_fb: true,\n';
+        }
+        else{
+            widget_code+='\
+                show_fb: false,\n';
+        }
+        if(show_gplus.checked){
+            widget_code+='\
+                show_gplus: true,\n';
+        }
+        else{
+            widget_code+='\
+                show_gplus: false,\n';
+        }
+        if(show_mail.checked){
+            widget_code+='\
+                show_mail: true\n';
+        }
+        else{
+            widget_code+='\
+                show_mail: false\n';
+        }
+
+        widget_code+='}';
+    }
+    if(annotation_val.checked){
+        widget_code+='\
+            ,{\n\
+            type: "Annotation",\n\
+            start_minimized: true,\n\
+            site_name : "Lignes de Temps",\n\
+            annotation_type: ["chap","découpage"]\n\
+            }';
+    }
+    if(tweet_val.checked){
+        widget_code+='\
+            ,{\n\
+            type: "Tweet",\n\
+            hide_timeout: 5000\n\
+            }';
+    }
+
+    if(annotationslist_val.checked){
+        widget_code+=',{\n\
+            type: "AnnotationsList",\n\
+            ajax_url: "'+segment_api+'",\n\
+            container: "AnnotationsList_ext",\n\
+            ajax_granularity : 300000,\n\
+            default_thumbnail : "'+default_thumbnail+'",\n\
+            show_audio: true,\n\
+            rtmp_streamer: "rtmp://media.iri.centrepompidou.fr/ddc_micro_record/"\n\
+            }';
+    }
+
+    if(tagcloud_val.checked){
+        widget_code+=',{\n\
+            type: "Tagcloud",\n\
+            }';
+    }
+
+    widget_code+=']\n\
+        };\n';
+
+    return widget_code;
+
 }
 
 function generate_div_code(){
-	var annotationslist_val=document.getElementById('annotations_list_checkbox');
-	var slideshare_val=document.getElementById('slideshare_checkbox');
-	var social_val=document.getElementById('social_checkbox');
-	code=generate_base_embed_code();
-	code+=generate_widget_code();
-	code+='\n\
-	_myPlayer = new IriSP.Metadataplayer(_config);\n\
-	</script>\n';
-	if(social_val.checked){
-		code+='\
-	<div id="Social_ext" class="Ldt-TraceMe Ldt-Widget" style="float:right; width:400px; height:24px;" widget-type="Social">\n\
-	</div>\n';
-	}
-	if(slideshare_val.checked){
-		code+='\
-	<div id="Slideshare_ext" class="ext_widget Ldt-TraceMe Ldt-Widget" style="float:left; width:400px;" widget-type="Slideshare">\n\
-    </div>\n';
-	}
-	
-	if(annotationslist_val.checked){
-		code+='\
-	<div id="AnnotationsList_ext" class="ext_widget Ldt-TraceMe Ldt-Widget" style="float:left; width:400px;" widget-type="AnnotationsList"></div>\n';
-	}
+    var annotationslist_val=document.getElementById('annotations_list_checkbox');
+    var slideshare_val=document.getElementById('slideshare_checkbox');
+    var social_val=document.getElementById('social_checkbox');
+    var code = generate_base_embed_code();
+    code += generate_widget_code();
+    code += '\n\
+        _myPlayer = new IriSP.Metadataplayer(_config);\n\
+        </script>\n';
+    if(social_val.checked){
+        code+='\
+            <div id="Social_ext" class="Ldt-TraceMe Ldt-Widget" style="float:right; width:400px; height:24px;" widget-type="Social">\n\
+            </div>\n';
+    }
+    if(slideshare_val.checked){
+        code+='\
+            <div id="Slideshare_ext" class="ext_widget Ldt-TraceMe Ldt-Widget" style="float:left; width:400px;" widget-type="Slideshare">\n\
+            </div>\n';
+    }
 
-	code+='\
-</div>\n';
-	return code;	
+    if(annotationslist_val.checked){
+        code+='\
+            <div id="AnnotationsList_ext" class="ext_widget Ldt-TraceMe Ldt-Widget" style="float:left; width:400px;" widget-type="AnnotationsList"></div>\n';
+    }
+
+    code+='\
+        </div>\n';
+    return code;	
 }
 
 function put_new_code(){
-	var type_embed=document.getElementById("type_embed_div");
-	wrapper = "wrapper_"+player_id;
-	wrapper_id = "#"+wrapper;
-	var element = document.getElementById(wrapper);
-	var code_embed=document.getElementById("player_id_code");
-	if(type_embed.checked){
-		var new_code=generate_div_code();
-	}
-	else{
-		var new_code=generate_iframe_code();
-	}
-	code_embed.value= new_code;
-	$j("#player_id_code").select();	
+    var type_embed=document.getElementById("type_embed_div");
+    var wrapper = "wrapper_"+player_id;
+    var wrapper_id = "#"+wrapper;
+    var element = document.getElementById(wrapper);
+    var code_embed=document.getElementById("player_id_code");
+    if(type_embed.checked){
+        var new_code=generate_div_code();
+    }
+    else{
+        var new_code=generate_iframe_code();
+    }
+    code_embed.value= new_code;
+    $j("#player_id_code").select();	
 }
 
 function div_event(){
-	$j("#createannotation_block").toggle(false);
-	$j("#multisegments_block").toggle(true);
-	put_new_code();
+    //$j("#createannotation_block").toggle(true);
+    var wrapper="wrapper_"+player_id;
+    var element = document.getElementById(wrapper);
+    var createannotation_val=document.getElementById('createannotation_checkbox');
+    createannotation_val.checked=false;
+    $j("#createannotation_options").toggle(false);
+    $j("#multisegments_block").toggle(true);
+    put_new_code();
 }
 
 function toggle() {
-	wrapper="wrapper_"+player_id;
-	wrapper_id="#"+wrapper;
-	var player_div = document.getElementById("player_div");
-	var element = document.getElementById(wrapper);
-	var text = document.getElementById("displayPlayer");
-	var type_embed=document.getElementById("type_embed_div");
-	if(player_div.style.display==="none") {
-		if (type_embed.checked){
-			var new_code=generate_div_code();
-			$j(wrapper_id).html(new_code);
-		}
-		else{
-			display_iframe_player();
-		}
-		player_div.style.display="block";
-		text.innerHTML = translate_hide;
-  	}
-	else {
-		$j(wrapper_id).html('');
-		player_div.style.display="none";
-		text.innerHTML = translate_show;
-	}
+    var wrapper="wrapper_"+player_id;
+    var wrapper_id="#"+wrapper;
+    var player_div = document.getElementById("player_div");
+    var element = document.getElementById(wrapper);
+    var text = document.getElementById("displayPlayer");
+    var type_embed=document.getElementById("type_embed_div");
+    var refresh_player_button = $j('#refresh_player_button');
+    if(player_div.style.display==="none") {
+        if (type_embed.checked){
+            var new_code=generate_div_code();
+            $j(wrapper_id).html(new_code);
+        }
+        else{
+            display_iframe_player();
+        }
+        player_div.style.display="block";
+        refresh_player_button.show();
+        text.innerHTML = translate_hide;
+    }
+    else {
+        $j(wrapper_id).html('');
+        player_div.style.display="none";
+        refresh_player_button.hide();
+        text.innerHTML = translate_show;
+    }
 } 
 
 function display_polemic(){
-	$j("#displayPolemicOptions").slideToggle("fast");
-	$j("#polemic_color_options").toggle(false);
+    $j("#displayPolemicOptions").slideToggle("fast");
+    $j("#polemic_color_options").toggle(false);
 }
 
 function display_segments(){
-	$j("#displaySegmentsOptions").slideToggle("fast");
+    $j("#displaySegmentsOptions").slideToggle("fast");
 }
 
 function display_sparkline(){
-	$j("#displaySparklineOptions").slideToggle("fast");		
-	$j("#sparkline_color_options").toggle(false);
+    $j("#displaySparklineOptions").slideToggle("fast");		
+    $j("#sparkline_color_options").toggle(false);
 }
 
 function display_social(){
-	$j("#social_options").slideToggle("fast");
+    $j("#social_options").slideToggle("fast");
 }
 
 function display_createannotation(){
-	$j("#createannotation_options").slideToggle("fast");
+    $j("#createannotation_options").slideToggle("fast");
 }
 
 function mode1(){
-	var annotationslist_val=document.getElementById('annotations_list_checkbox');
-	var slideshare_val=document.getElementById('slideshare_checkbox');
-	var social_val=document.getElementById('social_checkbox');
-	var annotation_val=document.getElementById('annotation_checkbox');
-	var tweet_val=document.getElementById('tweet_checkbox');
-	var segments_val=document.getElementById('segments_checkbox');
-	var multisegments_val=document.getElementById('multisegments_checkbox');
-	var polemic_val=document.getElementById('polemic_checkbox');
-	var sparkline_val=document.getElementById('sparkline_checkbox');
-	var tagcloud_val=document.getElementById('tagcloud_checkbox');
-	var createannotation_val=document.getElementById('createannotation_checkbox');
+    var annotationslist_val=document.getElementById('annotations_list_checkbox');
+    var slideshare_val=document.getElementById('slideshare_checkbox');
+    var social_val=document.getElementById('social_checkbox');
+    var annotation_val=document.getElementById('annotation_checkbox');
+    var tweet_val=document.getElementById('tweet_checkbox');
+    var segments_val=document.getElementById('segments_checkbox');
+    var multisegments_val=document.getElementById('multisegments_checkbox');
+    var polemic_val=document.getElementById('polemic_checkbox');
+    var sparkline_val=document.getElementById('sparkline_checkbox');
+    var tagcloud_val=document.getElementById('tagcloud_checkbox');
+    var createannotation_val=document.getElementById('createannotation_checkbox');
 
-	var type_embed=document.getElementById("type_embed_div");
+    var type_embed=document.getElementById("type_embed_div");
 
-	if(type_embed.checked){
-		createannotation_val.checked=false;
-	}
-	else{
-		$j("#createannotation_options").toggle(true);
-		createannotation_val.checked=true;
-		var show_mic_record_val = document.getElementById('show_mic_record_checkbox');
-		show_mic_record_val.checked=false;
-	}
-	$j("#displaySegmentsOptions").toggle(false);
-	$j("#displayPolemicOptions").toggle(false);
-	$j("#displaySparklineOptions").toggle(false);
-	$j("#social_options").toggle(false);
-	$j("#sparkline_color_options").toggle(false);
-	display_segments();
-	
-	segments_val.checked=true;
-	multisegments_val.checked=false;
-	polemic_val.checked=false;
-	annotationslist_val.checked=false;
-	slideshare_val.checked=false;
-	social_val.checked=false;
-	annotation_val.checked=false;
-	tweet_val.checked=false;
-	sparkline_val.checked=false;
-	tagcloud_val.checked=false;
-	put_new_code();
+    if(type_embed.checked){
+        createannotation_val.checked=false;
+    }
+    else{
+        $j("#createannotation_options").toggle(true);
+        createannotation_val.checked=true;
+        var show_mic_record_val = document.getElementById('show_mic_record_checkbox');
+        show_mic_record_val.checked=false;
+    }
+    $j("#displaySegmentsOptions").toggle(false);
+    $j("#displayPolemicOptions").toggle(false);
+    $j("#displaySparklineOptions").toggle(false);
+    $j("#social_options").toggle(false);
+    $j("#sparkline_color_options").toggle(false);
+    display_segments();
+
+    segments_val.checked=true;
+    multisegments_val.checked=false;
+    polemic_val.checked=false;
+    annotationslist_val.checked=false;
+    slideshare_val.checked=false;
+    social_val.checked=false;
+    annotation_val.checked=false;
+    tweet_val.checked=false;
+    sparkline_val.checked=false;
+    tagcloud_val.checked=false;
+    put_new_code();
 }
 
 function mode2(){
-	var annotationslist_val=document.getElementById('annotations_list_checkbox');
-	var slideshare_val=document.getElementById('slideshare_checkbox');
-	var social_val=document.getElementById('social_checkbox');
-	var annotation_val=document.getElementById('annotation_checkbox');
-	var tweet_val=document.getElementById('tweet_checkbox');
-	var segments_val=document.getElementById('segments_checkbox');
-	var multisegments_val=document.getElementById('multisegments_checkbox');
-	var polemic_val=document.getElementById('polemic_checkbox');
-	var sparkline_val=document.getElementById('sparkline_checkbox');
-	var tagcloud_val=document.getElementById('tagcloud_checkbox');
-	var createannotation_val=document.getElementById('createannotation_checkbox');
-	var type_embed=document.getElementById("type_embed_div");	
-	$j("#displaySegmentsOptions").toggle(false);
-	$j("#displayPolemicOptions").toggle(false);
-	$j("#displaySparklineOptions").toggle(false);
-	$j("#social_options").toggle(false);
-	$j("#sparkline_color_options").toggle(false);
-	display_segments();
-	display_polemic();
-	display_sparkline();
+    var annotationslist_val=document.getElementById('annotations_list_checkbox');
+    var slideshare_val=document.getElementById('slideshare_checkbox');
+    var social_val=document.getElementById('social_checkbox');
+    var annotation_val=document.getElementById('annotation_checkbox');
+    var tweet_val=document.getElementById('tweet_checkbox');
+    var segments_val=document.getElementById('segments_checkbox');
+    var multisegments_val=document.getElementById('multisegments_checkbox');
+    var polemic_val=document.getElementById('polemic_checkbox');
+    var sparkline_val=document.getElementById('sparkline_checkbox');
+    var tagcloud_val=document.getElementById('tagcloud_checkbox');
+    var createannotation_val=document.getElementById('createannotation_checkbox');
+    var type_embed=document.getElementById("type_embed_div");	
+    $j("#displaySegmentsOptions").toggle(false);
+    $j("#displayPolemicOptions").toggle(false);
+    $j("#displaySparklineOptions").toggle(false);
+    $j("#social_options").toggle(false);
+    $j("#sparkline_color_options").toggle(false);
+    display_segments();
+    display_polemic();
+    display_sparkline();
 
-	if(type_embed.checked){
-		createannotation_val.checked=false;
-		multisegments_val.checked=false;
-	}
-	else{
-		$j("#createannotation_options").toggle(true);
-		createannotation_val.checked=true;
-		var show_mic_record_val = document.getElementById('show_mic_record_checkbox');
-		show_mic_record_val.checked=false;
-		
-	}
-	polemic_val.checked=true;
-	segments_val.checked=true;
-	multisegments_val.checked=false;
-	annotationslist_val.checked=false;
-	slideshare_val.checked=false;
-	social_val.checked=false;
-	annotation_val.checked=true;
-	sparkline_val.checked=true;
-	tweet_val.checked=false;
-	tagcloud_val.checked=false;
-	put_new_code();
-	
+    if(type_embed.checked){
+        createannotation_val.checked=false;
+        multisegments_val.checked=false;
+    }
+    else{
+        $j("#createannotation_options").toggle(true);
+        createannotation_val.checked=true;
+        var show_mic_record_val = document.getElementById('show_mic_record_checkbox');
+        show_mic_record_val.checked=false;
+
+    }
+    polemic_val.checked=true;
+    segments_val.checked=true;
+    multisegments_val.checked=false;
+    annotationslist_val.checked=false;
+    slideshare_val.checked=false;
+    social_val.checked=false;
+    annotation_val.checked=true;
+    sparkline_val.checked=true;
+    tweet_val.checked=false;
+    tagcloud_val.checked=false;
+    put_new_code();
+
 }
 
 function mode3(){
-	var annotationslist_val=document.getElementById('annotations_list_checkbox');
-	var slideshare_val=document.getElementById('slideshare_checkbox');
-	var social_val=document.getElementById('social_checkbox');
-	var annotation_val=document.getElementById('annotation_checkbox');
-	var tweet_val=document.getElementById('tweet_checkbox');
-	var segments_val=document.getElementById('segments_checkbox');
-	var multisegments_val=document.getElementById('multisegments_checkbox');
-	var polemic_val=document.getElementById('polemic_checkbox');
-	var sparkline_val=document.getElementById('sparkline_checkbox');
-	var tagcloud_val=document.getElementById('tagcloud_checkbox');
-	var createannotation_val=document.getElementById('createannotation_checkbox');
-	var type_embed=document.getElementById("type_embed_div");
-	$j("#displaySegmentsOptions").toggle(false);
-	$j("#displayPolemicOptions").toggle(false);
-	$j("#displaySparklineOptions").toggle(false);
-	$j("#social_options").toggle(false);
-	$j("#sparkline_color_options").toggle(false);
-	display_segments();
-	display_polemic();
-	display_social();
-	display_sparkline();
-	if(type_embed.checked){
-		createannotation_val.checked=false;
-	}
-	else{
-		$j("#createannotation_options").toggle(true);
-		createannotation_val.checked=true;
-		var show_mic_record_val = document.getElementById('show_mic_record_checkbox');
-		show_mic_record_val.checked=false;	
-	}
-	polemic_val.checked=true;
-	segments_val.checked=true;
-	multisegments_val.checked=false;
-	annotationslist_val.checked=true;
-	slideshare_val.checked=false;
-	social_val.checked=true;
-	annotation_val.checked=true;
-	tweet_val.checked=false;
-	sparkline_val.checked=true;
-	tagcloud_val.checked=true;
-	put_new_code();
-	
+    var annotationslist_val=document.getElementById('annotations_list_checkbox');
+    var slideshare_val=document.getElementById('slideshare_checkbox');
+    var social_val=document.getElementById('social_checkbox');
+    var annotation_val=document.getElementById('annotation_checkbox');
+    var tweet_val=document.getElementById('tweet_checkbox');
+    var segments_val=document.getElementById('segments_checkbox');
+    var multisegments_val=document.getElementById('multisegments_checkbox');
+    var polemic_val=document.getElementById('polemic_checkbox');
+    var sparkline_val=document.getElementById('sparkline_checkbox');
+    var tagcloud_val=document.getElementById('tagcloud_checkbox');
+    var createannotation_val=document.getElementById('createannotation_checkbox');
+    var type_embed=document.getElementById("type_embed_div");
+    $j("#displaySegmentsOptions").toggle(false);
+    $j("#displayPolemicOptions").toggle(false);
+    $j("#displaySparklineOptions").toggle(false);
+    $j("#social_options").toggle(false);
+    $j("#sparkline_color_options").toggle(false);
+    display_segments();
+    display_polemic();
+    display_social();
+    display_sparkline();
+    if(type_embed.checked){
+        createannotation_val.checked=false;
+    }
+    else{
+        $j("#createannotation_options").toggle(true);
+        createannotation_val.checked=true;
+        var show_mic_record_val = document.getElementById('show_mic_record_checkbox');
+        show_mic_record_val.checked=false;	
+    }
+    polemic_val.checked=true;
+    segments_val.checked=true;
+    multisegments_val.checked=false;
+    annotationslist_val.checked=true;
+    slideshare_val.checked=false;
+    social_val.checked=true;
+    annotation_val.checked=true;
+    tweet_val.checked=false;
+    sparkline_val.checked=true;
+    tagcloud_val.checked=true;
+    put_new_code();
+
 }
-function iframe_event(){
-	$j("#createannotation_block").toggle(true);
-	$j("#createannotation_options").toggle(true);
-	var element = document.getElementById(wrapper);
-	var createannotation_val=document.getElementById('createannotation_checkbox');
-	createannotation_val.checked=true;
-	if(element.style.display=="block"){
-		display_iframe_player();
-	}
-	iframe_code=generate_iframe_code();
-	$j("#player_id_code").val(iframe_code);
-	$j("#player_id_code").select();
+function iframe_event() {
+    var wrapper="wrapper_"+player_id;
+    //$j("#createannotation_block").toggle(true);
+    $j("#createannotation_options").toggle(true);
+    var element = document.getElementById(wrapper);
+    var createannotation_val=document.getElementById('createannotation_checkbox');
+    createannotation_val.checked=true;
+    if(element.style.display=="block"){
+        display_iframe_player();
+    }
+    var iframe_code=generate_iframe_code();
+    $j("#player_id_code").val(iframe_code);
+    $j("#player_id_code").select();
 
 }	
 
 function generate_iframeUrl(){
-	var createannotation_val=document.getElementById('createannotation_checkbox');
-	var annotationslist_val=document.getElementById('annotations_list_checkbox');
-	var slideshare_val=document.getElementById('slideshare_checkbox');
-	var social_val=document.getElementById('social_checkbox');
-	var annotation_val=document.getElementById('annotation_checkbox');
-	var tweet_val=document.getElementById('tweet_checkbox');
-	var segments_val=document.getElementById('segments_checkbox');
-	var multisegments_val=document.getElementById('multisegments_checkbox');
-	var polemic_val=document.getElementById('polemic_checkbox');
-	var sparkline_val=document.getElementById('sparkline_checkbox');
-	var tagcloud_val=document.getElementById('tagcloud_checkbox');
+    var createannotation_val=document.getElementById('createannotation_checkbox');
+    var annotationslist_val=document.getElementById('annotations_list_checkbox');
+    var slideshare_val=document.getElementById('slideshare_checkbox');
+    var social_val=document.getElementById('social_checkbox');
+    var annotation_val=document.getElementById('annotation_checkbox');
+    var tweet_val=document.getElementById('tweet_checkbox');
+    var segments_val=document.getElementById('segments_checkbox');
+    var multisegments_val=document.getElementById('multisegments_checkbox');
+    var polemic_val=document.getElementById('polemic_checkbox');
+    var sparkline_val=document.getElementById('sparkline_checkbox');
+    var tagcloud_val=document.getElementById('tagcloud_checkbox');
     var createannotation_polemics_val=document.getElementById('createannotation_polemics_checkbox');
     var concatenate_projects_val=document.getElementById('concatenate_projects_checkbox');
     var autostart_val=document.getElementById('autostart_checkbox');
-	iframeUrl=iframe_url;
-	
-	if($j("#player_height").val()!=300)
-		iframeUrl+="&player_height="+$j("#player_height").val();
-	if ($j("#player_width").val()!=550)
-		iframeUrl+="&player_width="+$j("#player_width").val();
-		
-	if(createannotation_val.checked){
-		iframeUrl+="&createannotation=True";
-		var show_mic_record_val = document.getElementById('show_mic_record_checkbox');
-		var set_tags_val=document.getElementById('set_tags');
-		if(show_mic_record_val.checked){
-			iframeUrl+="&show_mic_record=True";
-		}
-		if(set_tags_val.checked){
-			iframeUrl+="&tag_titles="+$j("#tag_list").val();
-		}
+    var iframeUrl=iframe_url;
+
+    if($j("#player_height").val()!=300)
+        iframeUrl+="&player_height="+$j("#player_height").val();
+    if ($j("#player_width").val()!=550)
+        iframeUrl+="&player_width="+$j("#player_width").val();
+
+    if(createannotation_val.checked){
+        iframeUrl+="&createannotation=True";
+        var show_mic_record_val = document.getElementById('show_mic_record_checkbox');
+        var set_tags_val=document.getElementById('set_tags');
+        if(show_mic_record_val.checked){
+            iframeUrl+="&show_mic_record=True";
+        }
+        if(set_tags_val.checked){
+            iframeUrl+="&tag_titles="+$j("#tag_list").val();
+        }
         if(!createannotation_polemics_val.checked){
             iframeUrl+="&createannotation_polemics=False";
         }
-	}
-	if (polemic_val.checked){
-		var polemic_annotation_types_val=document.getElementById("polemic_annotation_types");
-		if(polemic_annotation_types_val.value){
-			iframeUrl+="&polemic="+polemic_annotation_types_val.value;
-		}
-		else{
-			iframeUrl+="&polemic=all";
-		}
-		polemic_defaultColor=$j("#polemic_default_color").val();
-		defaultColor_code_array= polemic_defaultColor.split("#");
-		defaultColor_code=defaultColor_code_array[1];
-		polemic_foundColor=$j("#polemic_found_color").val();
-		foundColor_code_array = polemic_foundColor.split("#");
-		foundColor_code=foundColor_code_array[1];
-		polemic_okColor =$j("#polemic_ok_color").val();
-		polemic_okColor_code_array=polemic_okColor.split("#");
-		okColor_code=polemic_okColor_code_array[1];
-		polemic_koColor =$j("#polemic_ko_color").val();
-		polemic_koColor_code_array=polemic_koColor.split("#");
-		koColor_code=polemic_koColor_code_array[1];
-		polemic_refColor =$j("#polemic_ref_color").val();
-		polemic_refColor_code_array=polemic_refColor.split("#");
-		refColor_code=polemic_refColor_code_array[1];
-		polemic_qColor =$j("#polemic_q_color").val();
-		polemic_qColor_code_array=polemic_qColor.split("#");
-		qColor_code=polemic_qColor_code_array[1];
-		if(defaultColor_code!="585858")
-			iframeUrl+="&polemic_defaultColor="+defaultColor_code;
-		if(foundColor_code!="fc00ff")
-			iframeUrl+="&polemic_foundColor="+foundColor_code;
-		if(okColor_code!="1d973d")
-			iframeUrl+="&polemic_okColor="+okColor_code;
-		if(koColor_code!="ce0a15")
-			iframeUrl+="&polemic_koColor="+koColor_code;
-		if(refColor_code!="c5a62d")
-			iframeUrl+="&polemic_refColor="+refColor_code;
-		if(qColor_code!="036aae")
-			iframeUrl+="&polemic_qColor="+qColor_code;
+    }
+    if (polemic_val.checked){
+        var polemic_annotation_types_val=document.getElementById("polemic_annotation_types");
+        if(polemic_annotation_types_val.value){
+            iframeUrl+="&polemic="+polemic_annotation_types_val.value;
+        }
+        else{
+            iframeUrl+="&polemic=all";
+        }
+        polemic_defaultColor=$j("#polemic_default_color").val();
+        defaultColor_code_array= polemic_defaultColor.split("#");
+        defaultColor_code=defaultColor_code_array[1];
+        polemic_foundColor=$j("#polemic_found_color").val();
+        foundColor_code_array = polemic_foundColor.split("#");
+        foundColor_code=foundColor_code_array[1];
+        polemic_okColor =$j("#polemic_ok_color").val();
+        polemic_okColor_code_array=polemic_okColor.split("#");
+        okColor_code=polemic_okColor_code_array[1];
+        polemic_koColor =$j("#polemic_ko_color").val();
+        polemic_koColor_code_array=polemic_koColor.split("#");
+        koColor_code=polemic_koColor_code_array[1];
+        polemic_refColor =$j("#polemic_ref_color").val();
+        polemic_refColor_code_array=polemic_refColor.split("#");
+        refColor_code=polemic_refColor_code_array[1];
+        polemic_qColor =$j("#polemic_q_color").val();
+        polemic_qColor_code_array=polemic_qColor.split("#");
+        qColor_code=polemic_qColor_code_array[1];
+        if(defaultColor_code!="585858")
+            iframeUrl+="&polemic_defaultColor="+defaultColor_code;
+        if(foundColor_code!="fc00ff")
+            iframeUrl+="&polemic_foundColor="+foundColor_code;
+        if(okColor_code!="1d973d")
+            iframeUrl+="&polemic_okColor="+okColor_code;
+        if(koColor_code!="ce0a15")
+            iframeUrl+="&polemic_koColor="+koColor_code;
+        if(refColor_code!="c5a62d")
+            iframeUrl+="&polemic_refColor="+refColor_code;
+        if(qColor_code!="036aae")
+            iframeUrl+="&polemic_qColor="+qColor_code;
 
-	}
-	if(annotationslist_val.checked){
-		iframeUrl+="&annotations_list=True";
-	}
-	if(annotation_val.checked){
-		iframeUrl+="&annotation=True";
-	}
-	if(slideshare_val.checked){
-		iframeUrl+="&slideshare=True";
-	}
-	if(social_val.checked){
-		show_url=document.getElementById("show_url_checkbox");
-		show_twitter=document.getElementById("show_twitter_checkbox");
-		show_fb=document.getElementById("show_fb_checkbox");
-		show_gplus=document.getElementById("show_gplus_checkbox");
-		show_mail=document.getElementById("show_mail_checkbox");
-		iframeUrl+="&social=True";
-		if(!show_url.checked){
-			iframeUrl+="&show_url=False";
-		}
-		if(!show_twitter.checked){
-			iframeUrl+="&show_twitter=False";
-		}
-		if(!show_fb.checked){
-			iframeUrl+="&show_fb=False";
-		}
-		if(!show_gplus.checked){
-			iframeUrl+="&show_gplus=False";
-		}
-		if(!show_mail.checked){
-			iframeUrl+="&show_mail=False";
-		}
-	}
-	if(tweet_val.checked){
-		iframeUrl+="&tweet=True";
-	}
-	if(!segments_val.checked){
-		iframeUrl+="&segments=False";
-	}
-	else{
-		var segments_annotation_types_val=document.getElementById("segments_annotation_types");
-		if (segments_annotation_types_val.value){
-			iframeUrl+="&segments_annotation_types="+segments_annotation_types_val.value
-		}
-	}
-	if(multisegments_val.checked){
-		iframeUrl+="&multisegments=True"
-	}
-	if(sparkline_val.checked){
-		iframeUrl+="&sparkline=True";
-		sparkline_lineColor=$j("#sparkline_line_color").val();
-		lineColor_code_array= sparkline_lineColor.split("#");
-		lineColor_code=lineColor_code_array[1];
-		sparkline_fillColor=$j("#sparkline_fill_color").val();
-		fillColor_code_array = sparkline_fillColor.split("#");
-		fillColor_code=fillColor_code_array[1];
-		if(lineColor_code!="7492b4")
-			iframeUrl+="&sparkline_lineColor="+lineColor_code;
-		if(fillColor_code!="aeaeb8")
-			iframeUrl+="&sparkline_fillColor="+fillColor_code;
-	}
-	if(tagcloud_val.checked){
-		iframeUrl+="&tagcloud=True";
-	}
+    }
+    if(annotationslist_val.checked){
+        iframeUrl+="&annotations_list=True";
+    }
+    if(annotation_val.checked){
+        iframeUrl+="&annotation=True";
+    }
+    if(slideshare_val.checked){
+        iframeUrl+="&slideshare=True";
+    }
+    if(social_val.checked){
+        show_url=document.getElementById("show_url_checkbox");
+        show_twitter=document.getElementById("show_twitter_checkbox");
+        show_fb=document.getElementById("show_fb_checkbox");
+        show_gplus=document.getElementById("show_gplus_checkbox");
+        show_mail=document.getElementById("show_mail_checkbox");
+        iframeUrl+="&social=True";
+        if(!show_url.checked){
+            iframeUrl+="&show_url=False";
+        }
+        if(!show_twitter.checked){
+            iframeUrl+="&show_twitter=False";
+        }
+        if(!show_fb.checked){
+            iframeUrl+="&show_fb=False";
+        }
+        if(!show_gplus.checked){
+            iframeUrl+="&show_gplus=False";
+        }
+        if(!show_mail.checked){
+            iframeUrl+="&show_mail=False";
+        }
+    }
+    if(tweet_val.checked){
+        iframeUrl+="&tweet=True";
+    }
+    if(!segments_val.checked){
+        iframeUrl+="&segments=False";
+    }
+    else{
+        var segments_annotation_types_val=document.getElementById("segments_annotation_types");
+        if (segments_annotation_types_val.value){
+            iframeUrl+="&segments_annotation_types="+segments_annotation_types_val.value
+        }
+    }
+    if(multisegments_val.checked){
+        iframeUrl+="&multisegments=True"
+    }
+    if(sparkline_val.checked){
+        iframeUrl+="&sparkline=True";
+        sparkline_lineColor=$j("#sparkline_line_color").val();
+        lineColor_code_array= sparkline_lineColor.split("#");
+        lineColor_code=lineColor_code_array[1];
+        sparkline_fillColor=$j("#sparkline_fill_color").val();
+        fillColor_code_array = sparkline_fillColor.split("#");
+        fillColor_code=fillColor_code_array[1];
+        if(lineColor_code!="7492b4")
+            iframeUrl+="&sparkline_lineColor="+lineColor_code;
+        if(fillColor_code!="aeaeb8")
+            iframeUrl+="&sparkline_fillColor="+fillColor_code;
+    }
+    if(tagcloud_val.checked){
+        iframeUrl+="&tagcloud=True";
+    }
     if(concatenate_projects_val.checked){
         iframeUrl+="&concatenate_projects=True";
     }
     if(autostart_val.checked){
-    	iframeUrl+="&autostart=True";
+        iframeUrl+="&autostart=True";
     }
 
-  return iframeUrl;
+    return iframeUrl;
 }
 
 function generate_iframe_code(){
-	var createannotation_val=document.getElementById('createannotation_checkbox');
-	var annotationslist_val=document.getElementById('annotations_list_checkbox');
-	var polemic_val=document.getElementById('polemic_checkbox');
-	var slideshare_val=document.getElementById('slideshare_checkbox');
-	var show_mic_record_val = document.getElementById('show_mic_record_checkbox');
-	iframeUrl=generate_iframeUrl();
-	player_width=parseInt($j("#player_width").val())+20;
-	player_height=parseInt($j("#player_height").val())+130;
-	if (createannotation_val.checked){
-		player_height+=281;
-	}
-	if(annotationslist_val.checked || slideshare_val.checked){
-		player_width+=430;
-	}
-	if(polemic_val.checked){
-		player_height+=100;
-		
-	}
-	if(show_mic_record_val.checked){
-		
-		player_height+=55;
-	}
- 	iframe_code="<iframe src='"+iframeUrl+"' width='"+player_width+"' height='"+player_height+"' seamless='seamless'></iframe>";
+    var createannotation_val=document.getElementById('createannotation_checkbox');
+    var annotationslist_val=document.getElementById('annotations_list_checkbox');
+    var polemic_val=document.getElementById('polemic_checkbox');
+    var slideshare_val=document.getElementById('slideshare_checkbox');
+    var show_mic_record_val = document.getElementById('show_mic_record_checkbox');
+    var iframeUrl=generate_iframeUrl();
+    var player_width=parseInt($j("#player_width").val())+20;
+    var player_height=parseInt($j("#player_height").val())+130;
+    if (createannotation_val.checked){
+        player_height+=281;
+    }
+    if(annotationslist_val.checked || slideshare_val.checked){
+        player_width+=430;
+    }
+    if(polemic_val.checked){
+        player_height+=100;
 
- 	return iframe_code;
+    }
+    if(show_mic_record_val.checked){
+
+        player_height+=55;
+    }
+
+
+    return "<iframe src='"+iframeUrl+"' width='"+player_width+"' height='"+player_height+"' seamless='seamless'></iframe>";
 }
 
 function display_iframe_player(){
-	var createannotation_val=document.getElementById('createannotation_checkbox');
-	var annotationslist_val=document.getElementById('annotations_list_checkbox');
-	var polemic_val=document.getElementById('polemic_checkbox');
-	var slideshare_val=document.getElementById('slideshare_checkbox');
-	var show_mic_record_val = document.getElementById('show_mic_record_checkbox');
-	var code_embed=document.getElementById("player_id_code");
-	wrapper = "wrapper_"+player_id;
-	wrapper_id = "#"+wrapper;
-	iframeUrl= generate_iframeUrl();
-	player_width=parseInt($j("#player_width").val())+20;
-	player_height=parseInt($j("#player_height").val())+130;
-	if (createannotation_val.checked){
-		player_height+=300;
-		player_width+=50;
-	}
-	if(annotationslist_val.checked || slideshare_val.checked){
-		player_width+=430;
-	}
-	if(polemic_val.checked){
-		player_height+=100;
-		
-	}
-	if(show_mic_record_val.checked){
-		
-		player_height+=55;
-	}
-	frame = document.createElement("iframe");
+    var createannotation_val=document.getElementById('createannotation_checkbox');
+    var annotationslist_val=document.getElementById('annotations_list_checkbox');
+    var polemic_val=document.getElementById('polemic_checkbox');
+    var slideshare_val=document.getElementById('slideshare_checkbox');
+    var show_mic_record_val = document.getElementById('show_mic_record_checkbox');
+    var code_embed=document.getElementById("player_id_code");
+    var wrapper = "wrapper_"+player_id;
+    var wrapper_id = "#"+wrapper;
+    iframeUrl= generate_iframeUrl();
+    player_width=parseInt($j("#player_width").val())+20;
+    player_height=parseInt($j("#player_height").val())+130;
+    if (createannotation_val.checked){
+        player_height+=300;
+        player_width+=50;
+    }
+    if(annotationslist_val.checked || slideshare_val.checked){
+        player_width+=430;
+    }
+    if(polemic_val.checked){
+        player_height+=100;
+
+    }
+    if(show_mic_record_val.checked){
+
+        player_height+=55;
+    }
+    frame = document.createElement("iframe");
     frame.width = player_width;
     frame.height = player_height;
     frame.src = iframeUrl;
     frame.frameBorder = 0;
-   	frame.seamless = "seamless";
-   	$j(wrapper_id).html(frame);
+    frame.seamless = "seamless";
+    $j(wrapper_id).html(frame);
 }
 
 function set_default_color(code){
-	$j("#polemic_default_color").val("#"+code);
-	put_new_code();
+    $j("#polemic_default_color").val("#"+code);
+    put_new_code();
 }
 
 function set_found_color(code){
-	$j("#polemic_found_color").val("#"+code);
-	put_new_code();
+    $j("#polemic_found_color").val("#"+code);
+    put_new_code();
 }
 
 function set_line_color(code){
-	$j("#sparkline_line_color").val("#"+code);
-	put_new_code();
+    $j("#sparkline_line_color").val("#"+code);
+    put_new_code();
 }
 
 function set_fill_color(code){
-	$j("#sparkline_fill_color").val("#"+code);
-	put_new_code();
+    $j("#sparkline_fill_color").val("#"+code);
+    put_new_code();
 }
 
 function refresh_player(){
-	var type_embed=document.getElementById("type_embed_div");
-	if (type_embed.checked){
-		var new_code=generate_div_code();
-		$j(wrapper_id).html(new_code);
-	}
-	else{
-		display_iframe_player();
-	}
+    var wrapper = "wrapper_"+player_id;
+    var wrapper_id = "#"+wrapper;
+    var type_embed=document.getElementById("type_embed_div");
+    if (type_embed.checked){
+        var new_code=generate_div_code();
+        $j(wrapper_id).html(new_code);
+    }
+    else{
+        display_iframe_player();
+    }
 }