"use strict";

var display_state = "player";

function toggle_display() {

    $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();

        }

    });

}

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(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();

    });

    $j('#ldt_iframe_button').click(function(e) {

        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();

    });

    $j('#seo_meta_button').click(function(e) {

        display_state = "seo_meta";

        toggle_display();

        $j("#seo_meta_id_code").select();

    });

    $j('#links_button').click(function(e) {

        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('#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();

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

}

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');

    var createannotation_val=document.getElementById('createannotation_checkbox');

    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\}';

    }

    widget_code += ',{\n' +

        'type: "Slider"\n' +

        '},{\n' +

        'type: "Controller"\n' +

        '},{\n' +

        'type: "Mediafragment"\n' +

        '}\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\

            }';

    }

    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\

            }';

    }

    if(createannotation_val.checked) {

        var tag_titles = ($j('input[name=annotation_tag]:checked').attr('id') === 'set_tags') ? $j('#tag_list').val() : false;

        var show_mic_record = $j("#show_mic_record_checkbox").prop('checked');

        var createannotation_polemics = $j('#createannotation_polemics_checkbox').prop('checked');

        var createannotation_annotation_types = $j('#createannotation_annotation_types').val();

        widget_code +=

        ',\n{\n' +

        '  type: "CreateAnnotation",\n' +

        '  api_endpoint_template: "'+ annotation_api +'",\n' +

        '  after_send_timeout: 8000,\n' +

        '  tag_titles : ' + ( (tag_titles || tag_titles === "") ? JSON.stringify(tag_titles.split(',')) : 'false') + ',\n' + 

        '  show_mic_record : ' +  (show_mic_record ? 'true' : 'false') + ',\n' +

        '  close_after_send: false,\n' +

        '  slice_annotation_type: ' + (createannotation_annotation_types ? JSON.stringify(createannotation_annotation_types.split(',')) : '["chap","découpage"]') + ',\n' +

        '  creator_avatar: "https://si0.twimg.com/sticky/default_profile_images/default_profile_1_normal.png",\n' +

        ((!createannotation_polemics) ? '  polemics: []' : '') + '\n'

        + '}\n';

    }

    if(slideshare_val.checked){

        widget_code+='\

            ,{\n\

            type: "Slideshare",\n\

            container: "Slideshare_ext",\n\

            embed_width: 400,\n\