src/ldt/ldt/static/ldt/js/embed_popup.js
changeset 1344 44949ddd7f78
parent 1343 fb840e97ac3a
child 1345 840fdb2306ca
equal deleted inserted replaced
1343:fb840e97ac3a 1344:44949ddd7f78
     1 var display_state = "player";
       
     2 
       
     3 function toggle_display() {
       
     4 	$j.each(["player","ldt_iframe","seo_body","seo_meta","links"], function(i,display_str) {
       
     5 
       
     6 		var div_selector = "#"+display_str+"_code";
       
     7 		if(display_str === display_state) {
       
     8 			$j(div_selector).show();
       
     9 		}
       
    10 		else {
       
    11 			$j(div_selector).hide();
       
    12 		}
       
    13 	});
       
    14 }
       
    15 
       
    16 function init_events(){
       
    17 	toggle_display();
       
    18 	$j("#iframe_div_premode").toggle(false);
       
    19 	$j("#embed_personnalisation").toggle(false);
       
    20 	$j("#player_width").val(550);
       
    21 	$j("#player_height").val(300);
       
    22 	$j("#optionsExpArrow").toggle(true);
       
    23 	$j("#optionsCollArrow").toggle(false);	
       
    24 	$j("#preModeExpArrow").toggle(true);
       
    25 	$j("#preModeCollArrow").toggle(false);
       
    26 	$j("#createannotation_block").toggle(false);
       
    27 	$j("#player_id_code").select();
       
    28 	$j("#polemic_color_options").toggle(false);
       
    29 	$j("#sparkline_color_options").toggle(false);
       
    30 	$j("#social_options").toggle(false);
       
    31 	$j("#displayPolemicOptions").toggle(false);
       
    32 	$j("#displaySparklineOptions").toggle(false);
       
    33 	$j("#polemic_default_color").val("#585858");
       
    34 	$j("#polemic_found_color").val("#fc00ff");
       
    35 	$j("#polemic_ok_color").val("#1d973d");
       
    36 	$j("#polemic_ko_color").val("#ce0a15");
       
    37 	$j("#polemic_ref_color").val("#c5a62d");
       
    38 	$j("#polemic_q_color").val("#036aae");
       
    39 	$j("#sparkline_line_color").val("#7492b4");
       
    40 	$j("#sparkline_fill_color").val("#aeaeb8");
       
    41 	var type_embed=document.getElementById("type_embed_div");
       
    42 	type_embed.checked=true;
       
    43 	$j("#createannotation_options").toggle(false);
       
    44 	mode1();
       
    45 	
       
    46 	$j(".click_to_select").click(function(){
       
    47 	    var i = $j(this).parent().find("input");
       
    48 	    i.select();
       
    49 	});
       
    50 	
       
    51 	$j('.ldt_json_link').click(function(e) {
       
    52     	e.preventDefault();
       
    53  		link = $j(e.target);
       
    54  		$j("#res_link_{{player_id}}").load(link.attr("href"));
       
    55  		$j("#res_link_{{player_id}}").show();
       
    56  		return false;
       
    57     });
       
    58 
       
    59     $j('#player_button').click(function(e) {
       
    60     	display_state = "player";
       
    61     	toggle_display();
       
    62  	   $j("#player_id_code").select();
       
    63     });
       
    64     $j('#ldt_iframe_button').click(function(e) {
       
    65     	display_state = "ldt_iframe";
       
    66     	toggle_display();
       
    67     	$j("#ldt_iframe_id_code").select();
       
    68     });
       
    69     $j('#seo_body_button').click(function(e) {
       
    70     	display_state = "seo_body";
       
    71     	toggle_display();
       
    72  	   $j("#seo_body_id_code").select();
       
    73     });
       
    74     $j('#seo_meta_button').click(function(e) {
       
    75     	display_state = "seo_meta";
       
    76     	toggle_display();
       
    77       	$j("#seo_meta_id_code").select();
       
    78     });
       
    79     $j('#links_button').click(function(e) {
       
    80     	display_state = "links";
       
    81     	toggle_display();
       
    82     });
       
    83 
       
    84    $j("#copy_button").click(function(e) {
       
    85  	   alert($j("#"+display_state+"_code").html());
       
    86    });
       
    87    
       
    88    $j("#refresh_player_button").click(function(e){
       
    89 	   refresh_player();
       
    90 	   $j("#player_id_code").select();
       
    91    });
       
    92     
       
    93    
       
    94    $j('#links_button').click(function() {
       
    95 	   var range = document.createRange();
       
    96 	   range.selectNode(document.getElementById('links_code'));
       
    97 	   window.getSelection().addRange(range);
       
    98    });
       
    99    
       
   100    $j('#displayPreMode').click(function(){
       
   101 		$j("#iframe_div_premode").slideToggle("fast");
       
   102 		$j("#preModeExpArrow").toggle();
       
   103 		$j("#preModeCollArrow").toggle();
       
   104 	});
       
   105    
       
   106    $j("#displayEmbedOptions").click(function(){
       
   107 	   $j("#embed_personnalisation").slideToggle("fast");
       
   108 	   $j("#optionsExpArrow").toggle();
       
   109 	   $j("#optionsCollArrow").toggle();
       
   110 	   
       
   111    });
       
   112    
       
   113    $j("#displayPolemicColorOptions").click(function(){
       
   114 	  $j("#polemic_color_options").slideToggle("fast");
       
   115    });
       
   116     
       
   117    $j("#displaySparklineOptions").click(function(){
       
   118 	   $j("#sparkline_color_options").slideToggle("fast");
       
   119    });
       
   120    
       
   121    $('.infostooltip').each( function () {
       
   122        var desc = $(this).attr('data-desc');
       
   123        if (desc == 'None') {
       
   124            desc = '';
       
   125        }
       
   126        $(this).qtip({ 
       
   127            content : {
       
   128                text: '<b>' + $(this).attr('data-title') + '</b><br />' + desc
       
   129            },
       
   130        	style: {
       
   131        		classes: 'ui-tooltip-dark ui-tooltip-rounded qtipldt'
       
   132        	},
       
   133        	border: {
       
   134        		'width': 0,
       
   135        		'color': '#505050'
       
   136        	},
       
   137        	position: {
       
   138        		my: 'top left',
       
   139        		at: 'bottom left'
       
   140        	}
       
   141        });
       
   142    });
       
   143  
       
   144 }
       
   145 
       
   146 function select_code(){
       
   147 	$j("#player_id_code").select();
       
   148 }
       
   149 
       
   150 function generate_base_embed_code(){
       
   151 	var player_width_val=$j("#player_width").val();
       
   152 	base='\
       
   153 <div> \n \
       
   154 		<div id="'+player_id+'_embed" style="float:left; width:'+player_width_val+';" class="iri_player_embed">\n\
       
   155 		</div>\n\
       
   156 <script type="text/javascript" src="'+LdtPlayer_core+'"></script>\n\
       
   157 <script type="text/javascript">\n\
       
   158 	if (typeof jQuery == "undefined") {\n\
       
   159 		jQuery = IriSP.jQuery;\n\
       
   160 	}\n\
       
   161 	var metadatas = {metadata: {url: "'+json_url+'"}};\n\
       
   162 	var metadata_key = "metadata";\n\
       
   163 	IriSP.libFiles.defaultDir = "'+defaultDir+'";\n\
       
   164 	IriSP.libFiles.locations.jwPlayerSWF = "'+jwPlayerSWF+'";\n\
       
   165 	IriSP.libFiles.locations.recordMicSwf = "'+recordMicSwf+'";\n\
       
   166 	IriSP.libFiles.locations.zeroClipboardSwf = "'+zeroClipboardSwf+'";\n\
       
   167 	IriSP.libFiles.locations.cssjQueryUI = "'+cssjQueryUI+'"\n\
       
   168 	IriSP.language = "'+LANGUAGE_CODE+'";\n\
       
   169 \n\
       
   170 	IriSP.widgetsDir = "'+widgetsDir+'";\n\
       
   171 	var _metadata = {\n\
       
   172     	url: metadatas[metadata_key].url + "?callback=?",\n\
       
   173     	format: "ldt"\n\
       
   174 	};\n\
       
   175 	var _config = {\n\
       
   176     	width: "'+player_width_val+'",\n\
       
   177     	container: "'+player_id+'_embed",\n\
       
   178     	css: "'+configCss+'",\n\
       
   179     	default_options: {\n\
       
   180         metadata: _metadata\n\
       
   181     },\n';
       
   182 	
       
   183 	return base;
       
   184    
       
   185 }
       
   186 
       
   187 function generate_widget_code(){
       
   188 	var annotationslist_val=document.getElementById('annotations_list_checkbox');
       
   189 	var slideshare_val=document.getElementById('slideshare_checkbox');
       
   190 	var social_val=document.getElementById('social_checkbox');
       
   191 	var annotation_val=document.getElementById('annotation_checkbox');
       
   192 	var tweet_val=document.getElementById('tweet_checkbox');
       
   193 	var segments_val=document.getElementById('segments_checkbox');
       
   194 	var polemic_val=document.getElementById('polemic_checkbox');
       
   195 	var sparkline_val=document.getElementById('sparkline_checkbox');
       
   196 	var tagcloud_val=document.getElementById('tagcloud_checkbox');
       
   197 	var player_height_val=$j('#player_height').val();
       
   198 	widget_code='\
       
   199 	widgets: [\n\
       
   200 		{\n\
       
   201 			type: "AutoPlayer",\n';
       
   202 	
       
   203 	if (external_url!='None'){
       
   204 		widget_code+='\
       
   205 			video: "'+external_url+'",\n';
       
   206 	}
       
   207 	
       
   208 	widget_code+='\
       
   209 			height: '+player_height_val+',\n\
       
   210 	        autostart: true\n\
       
   211 	    }';
       
   212 	if (polemic_val.checked){	
       
   213 		defaultcolor= $j("#polemic_default_color").val();
       
   214 		foundcolor=$j("#polemic_found_color").val();
       
   215 		ok_color=$j("#polemic_ok_color").val();
       
   216 		ko_color=$j("#polemic_ko_color").val();
       
   217 		ref_color=$j("#polemic_ref_color").val();
       
   218 		q_color=$j("#polemic_q_color").val();
       
   219 		tweet_type=document.getElementById("tweet_polemic");
       
   220 		widget_code+='\
       
   221 	    ,{\n\
       
   222 	        type: "Polemic",\n';
       
   223 		if(tweet_type.checked){
       
   224 			widget_code+='\
       
   225 			annotation_type: "tweet",\n';
       
   226 		}
       
   227 		else{
       
   228 			widget_code+='\
       
   229 			annotation_type: false,\n';
       
   230 		}
       
   231 		widget_code+='\
       
   232 			defaultcolor: "'+defaultcolor+'",\n\
       
   233 			foundcolor: "'+foundcolor+'",\n\
       
   234 			polemics : [\n\
       
   235 			            {\n\
       
   236 			                "name" : "OK",\n\
       
   237 			                "keywords" : [ "++" ],\n\
       
   238 			                "color" : "'+ok_color+'"\n\
       
   239 			            },\n\
       
   240 			            {\n\
       
   241 			                "name" : "KO",\n\
       
   242 			                "keywords" : [ "--" ],\n\
       
   243 			                "color" : "'+ko_color+'"\n\
       
   244 			            },\n\
       
   245 			            {\n\
       
   246 			                "name" : "REF",\n\
       
   247 			                "keywords" : [ "==" ],\n\
       
   248 			                "color" : "'+ref_color+'"\n\
       
   249 			            },\n\
       
   250 			            {\n\
       
   251 			                "name" : "Q",\n\
       
   252 			                "keywords" : [ "?" ],\n\
       
   253 			                "color" : "'+q_color+'"\n\
       
   254 			            },\n\
       
   255 			        ]\n\
       
   256 		}';
       
   257 	}
       
   258 	
       
   259 	if(sparkline_val.checked){
       
   260 		linecolor=$j("#sparkline_line_color").val();
       
   261 		fillcolor=$j("#sparkline_fill_color").val();
       
   262 		widget_code+=',{\n\
       
   263             type: "Sparkline",\n\
       
   264 			lineColor: "'+linecolor+'",\n\
       
   265 			fillColor: "'+fillcolor+'"\n\
       
   266         }';
       
   267 	}
       
   268 	
       
   269 	if(segments_val.checked){
       
   270 		widget_code+=',{\n\
       
   271 	        type: "Segments",\n\
       
   272 	        annotation_type: ["chap","découpage"]\n\
       
   273 	    }';
       
   274 	}
       
   275 	widget_code+=',{\n\
       
   276 	        type: "Slider"\n\
       
   277 	    },{\n\
       
   278 	        type: "Controller"\n\
       
   279 	    },{\n\
       
   280 	        type: "Mediafragment"\n\
       
   281 	    }';
       
   282 	if(slideshare_val.checked){
       
   283 		widget_code+='\
       
   284 		,{\n\
       
   285 	        type: "Slideshare",\n\
       
   286 	        container: "Slideshare_ext",\n\
       
   287 	        embed_width: 400,\n\
       
   288 	        embed_height: 334,\n\
       
   289 	        annotation_type: "slide"\n\
       
   290 		}';
       
   291 	}
       
   292 	
       
   293 	if(social_val.checked){
       
   294 		show_url=document.getElementById("show_url_checkbox");
       
   295 		show_twitter=document.getElementById("show_twitter_checkbox");
       
   296 		show_fb=document.getElementById("show_fb_checkbox");
       
   297 		show_gplus=document.getElementById("show_gplus_checkbox");
       
   298 		show_mail=document.getElementById("show_mail_checkbox");
       
   299 
       
   300 		widget_code+='\
       
   301 		,{\n\
       
   302 	        type: "Social",\n\
       
   303 	        container: "Social_ext",\n\
       
   304 	        url: document.location.href.replace(/#.*$/,""),\n\
       
   305 	        text: document.title,\n';
       
   306 		
       
   307 		if(show_url.checked){
       
   308 			widget_code+='\
       
   309 			show_url: true,\n';
       
   310 		}
       
   311 		else{
       
   312 			widget_code+='\
       
   313 			show_url: false,\n';
       
   314 		}
       
   315 		if(show_twitter.checked){
       
   316 			widget_code+='\
       
   317 			show_twitter: true,\n';
       
   318 		}
       
   319 		else{
       
   320 			widget_code+='\
       
   321 			show_twitter: false,\n';
       
   322 		}
       
   323 		if(show_fb.checked){
       
   324 			widget_code+='\
       
   325 			show_fb: true,\n';
       
   326 		}
       
   327 		else{
       
   328 			widget_code+='\
       
   329 			show_fb: false,\n';
       
   330 		}
       
   331 		if(show_gplus.checked){
       
   332 			widget_code+='\
       
   333 			show_gplus: true,\n';
       
   334 		}
       
   335 		else{
       
   336 			widget_code+='\
       
   337 			show_gplus: false,\n';
       
   338 		}
       
   339 		if(show_mail.checked){
       
   340 			widget_code+='\
       
   341 			show_mail: true\n';
       
   342 		}
       
   343 		else{
       
   344 			widget_code+='\
       
   345 			show_mail: false\n';
       
   346 		}
       
   347 		
       
   348 		widget_code+='}';
       
   349 	}
       
   350 	if(annotation_val.checked){
       
   351 		widget_code+='\
       
   352 		,{\n\
       
   353 	        type: "Annotation",\n\
       
   354 	        start_minimized: true,\n\
       
   355 	        site_name : "Lignes de Temps",\n\
       
   356 	        annotation_type: ["chap","découpage"]\n\
       
   357 	    }';
       
   358 	}
       
   359 	if(tweet_val.checked){
       
   360 		widget_code+='\
       
   361 		,{\n\
       
   362 	        type: "Tweet",\n\
       
   363 	        hide_timeout: 5000\n\
       
   364 	    }';
       
   365 	}
       
   366 	
       
   367 	if(annotationslist_val.checked){
       
   368 		widget_code+=',{\n\
       
   369 	        type: "AnnotationsList",\n\
       
   370 			ajax_url: "'+segment_api+'",\n\
       
   371 	        container: "AnnotationsList_ext",\n\
       
   372 	        ajax_granularity : 300000,\n\
       
   373 	        default_thumbnail : "'+default_thumbnail+'",\n\
       
   374 	        show_audio: true,\n\
       
   375 	        rtmp_streamer: "rtmp://media.iri.centrepompidou.fr/ddc_micro_record/"\n\
       
   376 	    }';
       
   377 	}
       
   378 	
       
   379 	if(tagcloud_val.checked){
       
   380 		widget_code+=',{\n\
       
   381 			type: "Tagcloud",\n\
       
   382 		}';
       
   383 	}
       
   384 	
       
   385 	widget_code+=']\n\
       
   386 		};\n';
       
   387         
       
   388         return widget_code;
       
   389 		
       
   390 }
       
   391 
       
   392 function generate_div_code(){
       
   393 	var annotationslist_val=document.getElementById('annotations_list_checkbox');
       
   394 	var slideshare_val=document.getElementById('slideshare_checkbox');
       
   395 	var social_val=document.getElementById('social_checkbox');
       
   396 	code=generate_base_embed_code();
       
   397 	code+=generate_widget_code();
       
   398 	code+='\n\
       
   399 	_myPlayer = new IriSP.Metadataplayer(_config);\n\
       
   400 	</script>\n';
       
   401 	if(social_val.checked){
       
   402 		code+='\
       
   403 	<div id="Social_ext" class="Ldt-TraceMe Ldt-Widget" style="float:right; width:400px; height:24px;" widget-type="Social">\n\
       
   404 	</div>\n';
       
   405 	}
       
   406 	if(slideshare_val.checked){
       
   407 		code+='\
       
   408 	<div id="Slideshare_ext" class="ext_widget Ldt-TraceMe Ldt-Widget" style="float:left; width:400px;" widget-type="Slideshare">\n\
       
   409     </div>\n';
       
   410 	}
       
   411 	
       
   412 	if(annotationslist_val.checked){
       
   413 		code+='\
       
   414 	<div id="AnnotationsList_ext" class="ext_widget Ldt-TraceMe Ldt-Widget" style="float:left; width:400px;" widget-type="AnnotationsList"></div>\n';
       
   415 	}
       
   416 
       
   417 	code+='\
       
   418 </div>\n';
       
   419 	return code;	
       
   420 }
       
   421 
       
   422 function put_new_code(){
       
   423 	var type_embed=document.getElementById("type_embed_div");
       
   424 	wrapper = "wrapper_"+player_id;
       
   425 	wrapper_id = "#"+wrapper;
       
   426 	var element = document.getElementById(wrapper);
       
   427 	var code_embed=document.getElementById("player_id_code");
       
   428 	if(type_embed.checked){
       
   429 		var new_code=generate_div_code();
       
   430 	}
       
   431 	else{
       
   432 		var new_code=generate_iframe_code();
       
   433 	}
       
   434 	code_embed.value= new_code;
       
   435 	$j("#player_id_code").select();	
       
   436 }
       
   437 
       
   438 function div_event(){
       
   439 	$j("#createannotation_block").toggle(false);
       
   440 	put_new_code();
       
   441 }
       
   442 
       
   443 function toggle() {
       
   444 	wrapper="wrapper_"+player_id;
       
   445 	wrapper_id="#"+wrapper;
       
   446 	var player_div = document.getElementById("player_div");
       
   447 	var element = document.getElementById(wrapper);
       
   448 	var text = document.getElementById("displayPlayer");
       
   449 	var type_embed=document.getElementById("type_embed_div");
       
   450 	if(player_div.style.display==="none") {
       
   451 		if (type_embed.checked){
       
   452 			var new_code=generate_div_code();
       
   453 			$j(wrapper_id).html(new_code);
       
   454 		}
       
   455 		else{
       
   456 			display_iframe_player();
       
   457 		}
       
   458 		player_div.style.display="block";
       
   459 		text.innerHTML = translate_hide;
       
   460   	}
       
   461 	else {
       
   462 		$j(wrapper_id).html('');
       
   463 		player_div.style.display="none";
       
   464 		text.innerHTML = translate_show;
       
   465 	}
       
   466 } 
       
   467 
       
   468 function display_polemic(){
       
   469 	$j("#displayPolemicOptions").slideToggle("fast");
       
   470 	$j("#polemic_color_options").toggle(false);
       
   471 }
       
   472 
       
   473 function display_sparkline(){
       
   474 	$j("#displaySparklineOptions").slideToggle("fast");		
       
   475 	$j("#sparkline_color_options").toggle(false);
       
   476 }
       
   477 
       
   478 function display_social(){
       
   479 	$j("#social_options").slideToggle("fast");
       
   480 }
       
   481 
       
   482 function display_createannotation(){
       
   483 	$j("#createannotation_options").slideToggle("fast");
       
   484 }
       
   485 
       
   486 function mode1(){
       
   487 	var annotationslist_val=document.getElementById('annotations_list_checkbox');
       
   488 	var slideshare_val=document.getElementById('slideshare_checkbox');
       
   489 	var social_val=document.getElementById('social_checkbox');
       
   490 	var annotation_val=document.getElementById('annotation_checkbox');
       
   491 	var tweet_val=document.getElementById('tweet_checkbox');
       
   492 	var segments_val=document.getElementById('segments_checkbox');
       
   493 	var polemic_val=document.getElementById('polemic_checkbox');
       
   494 	var sparkline_val=document.getElementById('sparkline_checkbox');
       
   495 	var tagcloud_val=document.getElementById('tagcloud_checkbox');
       
   496 	var createannotation_val=document.getElementById('createannotation_checkbox');
       
   497 
       
   498 	var type_embed=document.getElementById("type_embed_div");
       
   499 
       
   500 	if(type_embed.checked){
       
   501 		createannotation_val.checked=false;
       
   502 	}
       
   503 	else{
       
   504 		$j("#createannotation_options").toggle(true);
       
   505 		createannotation_val.checked=true;
       
   506 		var show_mic_record_val = document.getElementById('show_mic_record_checkbox');
       
   507 		show_mic_record_val.checked=false;
       
   508 	}
       
   509 	$j("#displayPolemicOptions").toggle(false);
       
   510 	$j("#displaySparklineOptions").toggle(false);
       
   511 	$j("#social_options").toggle(false);
       
   512 	$j("#sparkline_color_options").toggle(false);
       
   513 	polemic_val.checked=false;
       
   514 	segments_val.checked=true;
       
   515 	annotationslist_val.checked=false;
       
   516 	slideshare_val.checked=false;
       
   517 	social_val.checked=false;
       
   518 	annotation_val.checked=false;
       
   519 	tweet_val.checked=false;
       
   520 	sparkline_val.checked=false;
       
   521 	tagcloud_val.checked=false;
       
   522 	put_new_code();
       
   523 }
       
   524 
       
   525 function mode2(){
       
   526 	var annotationslist_val=document.getElementById('annotations_list_checkbox');
       
   527 	var slideshare_val=document.getElementById('slideshare_checkbox');
       
   528 	var social_val=document.getElementById('social_checkbox');
       
   529 	var annotation_val=document.getElementById('annotation_checkbox');
       
   530 	var tweet_val=document.getElementById('tweet_checkbox');
       
   531 	var segments_val=document.getElementById('segments_checkbox');
       
   532 	var polemic_val=document.getElementById('polemic_checkbox');
       
   533 	var sparkline_val=document.getElementById('sparkline_checkbox');
       
   534 	var tagcloud_val=document.getElementById('tagcloud_checkbox');
       
   535 	var createannotation_val=document.getElementById('createannotation_checkbox');
       
   536 	var type_embed=document.getElementById("type_embed_div");	
       
   537 	$j("#displayPolemicOptions").toggle(false);
       
   538 	$j("#displaySparklineOptions").toggle(false);
       
   539 	$j("#social_options").toggle(false);
       
   540 	$j("#sparkline_color_options").toggle(false);
       
   541 	display_polemic();
       
   542 	display_sparkline();
       
   543 
       
   544 	if(type_embed.checked){
       
   545 		createannotation_val.checked=false;
       
   546 	}
       
   547 	else{
       
   548 		$j("#createannotation_options").toggle(true);
       
   549 		createannotation_val.checked=true;
       
   550 		var show_mic_record_val = document.getElementById('show_mic_record_checkbox');
       
   551 		show_mic_record_val.checked=false;
       
   552 		
       
   553 	}
       
   554 	polemic_val.checked=true;
       
   555 	segments_val.checked=true;
       
   556 	annotationslist_val.checked=false;
       
   557 	slideshare_val.checked=false;
       
   558 	social_val.checked=false;
       
   559 	annotation_val.checked=true;
       
   560 	sparkline_val.checked=true;
       
   561 	tweet_val.checked=false;
       
   562 	tagcloud_val.checked=false;
       
   563 	put_new_code();
       
   564 	
       
   565 }
       
   566 
       
   567 function mode3(){
       
   568 	var annotationslist_val=document.getElementById('annotations_list_checkbox');
       
   569 	var slideshare_val=document.getElementById('slideshare_checkbox');
       
   570 	var social_val=document.getElementById('social_checkbox');
       
   571 	var annotation_val=document.getElementById('annotation_checkbox');
       
   572 	var tweet_val=document.getElementById('tweet_checkbox');
       
   573 	var segments_val=document.getElementById('segments_checkbox');
       
   574 	var polemic_val=document.getElementById('polemic_checkbox');
       
   575 	var sparkline_val=document.getElementById('sparkline_checkbox');
       
   576 	var tagcloud_val=document.getElementById('tagcloud_checkbox');
       
   577 	var createannotation_val=document.getElementById('createannotation_checkbox');
       
   578 	var type_embed=document.getElementById("type_embed_div");	
       
   579 	$j("#displayPolemicOptions").toggle(false);
       
   580 	$j("#displaySparklineOptions").toggle(false);
       
   581 	$j("#social_options").toggle(false);
       
   582 	$j("#sparkline_color_options").toggle(false);
       
   583 	display_polemic();
       
   584 	display_social();
       
   585 	display_sparkline();
       
   586 	if(type_embed.checked){
       
   587 		createannotation_val.checked=false;
       
   588 	}
       
   589 	else{
       
   590 		$j("#createannotation_options").toggle(true);
       
   591 		createannotation_val.checked=true;
       
   592 		var show_mic_record_val = document.getElementById('show_mic_record_checkbox');
       
   593 		show_mic_record_val.checked=false;	
       
   594 	}
       
   595 	polemic_val.checked=true;
       
   596 	segments_val.checked=true;
       
   597 	annotationslist_val.checked=true;
       
   598 	slideshare_val.checked=false;
       
   599 	social_val.checked=true;
       
   600 	annotation_val.checked=true;
       
   601 	tweet_val.checked=false;
       
   602 	sparkline_val.checked=true;
       
   603 	tagcloud_val.checked=true;
       
   604 	put_new_code();
       
   605 	
       
   606 }
       
   607 function iframe_event(){
       
   608 	$j("#createannotation_block").toggle(true);
       
   609 	$j("#createannotation_options").toggle(true);
       
   610 	var element = document.getElementById(wrapper);
       
   611 	var createannotation_val=document.getElementById('createannotation_checkbox');
       
   612 	createannotation_val.checked=true;
       
   613 	if(element.style.display=="block"){
       
   614 		display_iframe_player();
       
   615 	}
       
   616 	iframe_code=generate_iframe_code();
       
   617 	$j("#player_id_code").val(iframe_code);
       
   618 	$j("#player_id_code").select();
       
   619 
       
   620 }	
       
   621 
       
   622 function generate_iframeUrl(){
       
   623 	var createannotation_val=document.getElementById('createannotation_checkbox');
       
   624 	var annotationslist_val=document.getElementById('annotations_list_checkbox');
       
   625 	var slideshare_val=document.getElementById('slideshare_checkbox');
       
   626 	var social_val=document.getElementById('social_checkbox');
       
   627 	var annotation_val=document.getElementById('annotation_checkbox');
       
   628 	var tweet_val=document.getElementById('tweet_checkbox');
       
   629 	var segments_val=document.getElementById('segments_checkbox');
       
   630 	var polemic_val=document.getElementById('polemic_checkbox');
       
   631 	var sparkline_val=document.getElementById('sparkline_checkbox');
       
   632 	var tagcloud_val=document.getElementById('tagcloud_checkbox');
       
   633     var createannotation_polemics_val=document.getElementById('createannotation_polemics_checkbox');
       
   634     var concatenate_projects_val=document.getElementById('concatenate_projects_checkbox');
       
   635 	iframeUrl= iframe_url;
       
   636 	
       
   637 	if($j("#player_height").val()!=300)
       
   638 		iframeUrl+="&player_height="+$j("#player_height").val();
       
   639 	if ($j("#player_width").val()!=550)
       
   640 		iframeUrl+="&player_width="+$j("#player_width").val();
       
   641 		
       
   642 	if(createannotation_val.checked){
       
   643 		iframeUrl+="&createannotation=True";
       
   644 		var show_mic_record_val = document.getElementById('show_mic_record_checkbox');
       
   645 		var set_tags_val=document.getElementById('set_tags');
       
   646 		if(show_mic_record_val.checked){
       
   647 			iframeUrl+="&show_mic_record=True";
       
   648 		}
       
   649 		if(set_tags_val.checked){
       
   650 			iframeUrl+="&tag_titles="+$j("#tag_list").val();
       
   651 		}
       
   652         if(!createannotation_polemics_val.checked){
       
   653             iframeUrl+="&createannotation_polemics=False";
       
   654         }
       
   655 	}
       
   656 	if (polemic_val.checked){
       
   657 		tweet_type=document.getElementById("tweet_polemic");
       
   658 		if(tweet_type.checked){
       
   659 			iframeUrl+="&polemic=tweet";
       
   660 		}
       
   661 		else{
       
   662 			iframeUrl+="&polemic=all";
       
   663 		}
       
   664 		polemic_defaultColor=$j("#polemic_default_color").val();
       
   665 		defaultColor_code_array= polemic_defaultColor.split("#");
       
   666 		defaultColor_code=defaultColor_code_array[1];
       
   667 		polemic_foundColor=$j("#polemic_found_color").val();
       
   668 		foundColor_code_array = polemic_foundColor.split("#");
       
   669 		foundColor_code=foundColor_code_array[1];
       
   670 		polemic_okColor =$j("#polemic_ok_color").val();
       
   671 		polemic_okColor_code_array=polemic_okColor.split("#");
       
   672 		okColor_code=polemic_okColor_code_array[1];
       
   673 		polemic_koColor =$j("#polemic_ko_color").val();
       
   674 		polemic_koColor_code_array=polemic_koColor.split("#");
       
   675 		koColor_code=polemic_koColor_code_array[1];
       
   676 		polemic_refColor =$j("#polemic_ref_color").val();
       
   677 		polemic_refColor_code_array=polemic_refColor.split("#");
       
   678 		refColor_code=polemic_refColor_code_array[1];
       
   679 		polemic_qColor =$j("#polemic_q_color").val();
       
   680 		polemic_qColor_code_array=polemic_qColor.split("#");
       
   681 		qColor_code=polemic_qColor_code_array[1];
       
   682 		if(defaultColor_code!="585858")
       
   683 			iframeUrl+="&polemic_defaultColor="+defaultColor_code;
       
   684 		if(foundColor_code!="fc00ff")
       
   685 			iframeUrl+="&polemic_foundColor="+foundColor_code;
       
   686 		if(okColor_code!="1d973d")
       
   687 			iframeUrl+="&polemic_okColor="+okColor_code;
       
   688 		if(koColor_code!="ce0a15")
       
   689 			iframeUrl+="&polemic_koColor="+koColor_code;
       
   690 		if(refColor_code!="c5a62d")
       
   691 			iframeUrl+="&polemic_refColor="+refColor_code;
       
   692 		if(qColor_code!="036aae")
       
   693 			iframeUrl+="&polemic_qColor="+qColor_code;
       
   694 
       
   695 	}
       
   696 	else{
       
   697 		iframeUrl+="&polemic=False";
       
   698 	}
       
   699 	if(annotationslist_val.checked){
       
   700 		iframeUrl+="&annotations_list=True";
       
   701 	}
       
   702 	if(annotation_val.checked){
       
   703 		iframeUrl+="&annotation=True";
       
   704 	}
       
   705 	if(slideshare_val.checked){
       
   706 		iframeUrl+="&slideshare=True";
       
   707 	}
       
   708 	if(social_val.checked){
       
   709 		show_url=document.getElementById("show_url_checkbox");
       
   710 		show_twitter=document.getElementById("show_twitter_checkbox");
       
   711 		show_fb=document.getElementById("show_fb_checkbox");
       
   712 		show_gplus=document.getElementById("show_gplus_checkbox");
       
   713 		show_mail=document.getElementById("show_mail_checkbox");
       
   714 		iframeUrl+="&social=True";
       
   715 		if(!show_url.checked){
       
   716 			iframeUrl+="&show_url=False";
       
   717 		}
       
   718 		if(!show_twitter.checked){
       
   719 			iframeUrl+="&show_twitter=False";
       
   720 		}
       
   721 		if(!show_fb.checked){
       
   722 			iframeUrl+="&show_fb=False";
       
   723 		}
       
   724 		if(!show_gplus.checked){
       
   725 			iframeUrl+="&show_gplus=False";
       
   726 		}
       
   727 		if(!show_mail.checked){
       
   728 			iframeUrl+="&show_mail=False";
       
   729 		}
       
   730 	}
       
   731 	if(tweet_val.checked){
       
   732 		iframeUrl+="&tweet=True";
       
   733 	}
       
   734 	if(!segments_val.checked){
       
   735 		iframeUrl+="&segments=False";
       
   736 	}
       
   737 	if(sparkline_val.checked){
       
   738 		iframeUrl+="&sparkline=True";
       
   739 		sparkline_lineColor=$j("#sparkline_line_color").val();
       
   740 		lineColor_code_array= sparkline_lineColor.split("#");
       
   741 		lineColor_code=lineColor_code_array[1];
       
   742 		sparkline_fillColor=$j("#sparkline_fill_color").val();
       
   743 		fillColor_code_array = sparkline_fillColor.split("#");
       
   744 		fillColor_code=fillColor_code_array[1];
       
   745 		if(lineColor_code!="7492b4")
       
   746 			iframeUrl+="&sparkline_lineColor="+lineColor_code;
       
   747 		if(fillColor_code!="aeaeb8")
       
   748 			iframeUrl+="&sparkline_fillColor="+fillColor_code;
       
   749 	}
       
   750 	if(tagcloud_val.checked){
       
   751 		iframeUrl+="&tagcloud=True";
       
   752 	}
       
   753     if(concatenate_projects_val.checked){
       
   754         iframeUrl+="&concatenate_projects=True";
       
   755     }
       
   756 
       
   757   return iframeUrl;
       
   758 }
       
   759 
       
   760 function generate_iframe_code(){
       
   761 	var createannotation_val=document.getElementById('createannotation_checkbox');
       
   762 	var annotationslist_val=document.getElementById('annotations_list_checkbox');
       
   763 	var polemic_val=document.getElementById('polemic_checkbox');
       
   764 	var slideshare_val=document.getElementById('slideshare_checkbox');
       
   765 	var show_mic_record_val = document.getElementById('show_mic_record_checkbox');
       
   766 	iframeUrl=generate_iframeUrl();
       
   767 	player_width=parseInt($j("#player_width").val())+20;
       
   768 	player_height=parseInt($j("#player_height").val())+130;
       
   769 	if (createannotation_val.checked){
       
   770 		player_height+=281;
       
   771 	}
       
   772 	if(annotationslist_val.checked || slideshare_val.checked){
       
   773 		player_width+=430;
       
   774 	}
       
   775 	if(polemic_val.checked){
       
   776 		player_height+=100;
       
   777 		
       
   778 	}
       
   779 	if(show_mic_record_val.checked){
       
   780 		
       
   781 		player_height+=55;
       
   782 	}
       
   783  	iframe_code="<iframe src='"+iframeUrl+"' width='"+player_width+"' height='"+player_height+"' seamless='seamless'></iframe>";
       
   784 
       
   785  	return iframe_code;
       
   786 }
       
   787 
       
   788 function display_iframe_player(){
       
   789 	var createannotation_val=document.getElementById('createannotation_checkbox');
       
   790 	var annotationslist_val=document.getElementById('annotations_list_checkbox');
       
   791 	var polemic_val=document.getElementById('polemic_checkbox');
       
   792 	var slideshare_val=document.getElementById('slideshare_checkbox');
       
   793 	var show_mic_record_val = document.getElementById('show_mic_record_checkbox');
       
   794 	var code_embed=document.getElementById("player_id_code");
       
   795 	wrapper = "wrapper_"+player_id;
       
   796 	wrapper_id = "#"+wrapper;
       
   797 	iframeUrl= generate_iframeUrl();
       
   798 	player_width=parseInt($j("#player_width").val())+20;
       
   799 	player_height=parseInt($j("#player_height").val())+130;
       
   800 	if (createannotation_val.checked){
       
   801 		player_height+=300;
       
   802 		player_width+=50;
       
   803 	}
       
   804 	if(annotationslist_val.checked || slideshare_val.checked){
       
   805 		player_width+=430;
       
   806 	}
       
   807 	if(polemic_val.checked){
       
   808 		player_height+=100;
       
   809 		
       
   810 	}
       
   811 	if(show_mic_record_val.checked){
       
   812 		
       
   813 		player_height+=55;
       
   814 	}
       
   815 	frame = document.createElement("iframe");
       
   816     frame.width = player_width;
       
   817     frame.height = player_height;
       
   818     frame.src = iframeUrl;
       
   819     frame.frameBorder = 0;
       
   820    	frame.seamless = "seamless";
       
   821    	$j(wrapper_id).html(frame);
       
   822 }
       
   823 
       
   824 function set_default_color(code){
       
   825 	$j("#polemic_default_color").val("#"+code);
       
   826 	put_new_code();
       
   827 }
       
   828 
       
   829 function set_found_color(code){
       
   830 	$j("#polemic_found_color").val("#"+code);
       
   831 	put_new_code();
       
   832 }
       
   833 
       
   834 function set_line_color(code){
       
   835 	$j("#sparkline_line_color").val("#"+code);
       
   836 	put_new_code();
       
   837 }
       
   838 
       
   839 function set_fill_color(code){
       
   840 	$j("#sparkline_fill_color").val("#"+code);
       
   841 	put_new_code();
       
   842 }
       
   843 
       
   844 function refresh_player(){
       
   845 	var type_embed=document.getElementById("type_embed_div");
       
   846 	if (type_embed.checked){
       
   847 		var new_code=generate_div_code();
       
   848 		$j(wrapper_id).html(new_code);
       
   849 	}
       
   850 	else{
       
   851 		display_iframe_player();
       
   852 	}
       
   853 }