$(function(){

var global = {

    diaporama : null,

    idAnnotation : null,

},

chapters = [],

annotations = [];

myProject.onLoad(function() {

    $(".project-title").text(myProject.title);

    myMedia = myProject.getCurrentMedia();

    loadChapters();

    IriSP.htmlPlayer(

        myMedia,

        $(".main-video"),

        {

            width: 460,

            height: 345,

            controls: true,

            autostart: true

        }

    );

    myMedia.on("timeupdate", function(t) {

        //curseur chapitre

        var wContainer = $('.chapitre-cut-wrap').width() - 1,

            pos = wContainer * t / myMedia.duration,

            btnCutChapter = $('.btn-cut-chapter'),

            wBtnCutChapter = btnCutChapter.outerWidth();

        $(".indicateur-chapter").css("left",pos);

        if(pos+wBtnCutChapter>wContainer){

            btnCutChapter.css("left",(pos - wBtnCutChapter));

        }else{

            btnCutChapter.css("left",pos);

        }

        //chapitre edit

        var formChapter = $('.form-chapter-edit'),

            inputBeginChapter = formChapter.find('input[name=begin]'),

            inputDurationChapter = formChapter.find('input[name=duration]'),

            inputEndChapter = formChapter.find('input[name=end]'),

            viewBeginChapter = formChapter.find('.begin'),

            viewDurationChapter = formChapter.find('.duration'),

            viewEndChapter = formChapter.find('.end'),

            timeEnd = t.milliseconds,

            timeDuration = timeEnd - timeBegin;

        inputBeginChapter.val(timeBegin);

        inputEndChapter.val(timeEnd);

        inputDurationChapter.val(timeDuration);

        viewBeginChapter.html(millisecondsToString(timeBegin));

        viewDurationChapter.html(millisecondsToString(timeDuration));

        viewEndChapter.html(millisecondsToString(timeEnd));

    });//timeupdate

});//myProject.onLoad

//modal

    $(document).on('click', 'a.open-modal', function(e){

        var diaporama = $(this).attr('data-diaporama'),

            idAnnotation = $(this).attr('data-id');

        if(diaporama !== undefined){

            global.diaporama = diaporama;

        }

        if(idAnnotation !== undefined){

            global.idAnnotation = idAnnotation;

        }

//edition image

    $('.popup').on('change', '#media-type-select', function(e){

        var typeImage = $(this).val();

        $('.input-image-url, .input-image-upload').hide();

        $('.input-image-'+typeImage).show();

    });

//bibliotheque

    //video

    $('.popup').on('click', '.bibliotheque-video a', function(e){

        e.preventDefault();

        $('.popup').modal('hide');

        $.get('template.html', function(templates){

            var videoWrap = $('#'+global.idAnnotation).find('.annotation-video-content'),

                tplVideo = $(templates).filter('#tpl-video-row').html();

            videoWrap.empty().append(tplVideo);

        });

    });

    //image

    $('.popup').on('click', '.bibliotheque-image a', function(e){

        e.preventDefault();

        var listDiaporama = $('#'+global.diaporama);

        addImageToDiaporama(listDiaporama);

        $('.popup').modal('hide');

    });

        e.preventDefault();

        //si c'est une annotation et que la tab est ouverte, on la ferme

        var type = $(this).attr('data-type');

    });

    //confirmation suppression

    $("#modal-confirm").on('click', '#btn-delete-modal', function(e){

    });

//title-editor

$('.project-title-editor ._popover').bind('click',function(e){e.preventDefault()});

    $('.project-title-editor ._popover').popover({

        html : true,

        content : function(){

            var previousValue = $('.project-title').text(),

                formInput = 

                    '<form action="#" class="project-title-editor-form">'+

                        '<input type="text" class="project-title-editor-input" value="'+previousValue+'">'+

                    '</form>';

            return formInput;

        }

    });

    $('body').on('click', function (e) {

        $('._popover').each(function () {

            if (!$(this).is(e.target) && $(this).has(e.target).length === 0 && $('.popover').has(e.target).length === 0) {

                $(this).popover('hide');

            }

        });

    });

    $('body').on('submit', '.project-title-editor-form', function(e){

        e.preventDefault();

        $('._popover').popover('hide');

    });

    $(document).on('keyup', '.project-title-editor-input', function() {

        $('.project-title').html($(this).val());

    });

//--chapter

        e.preventDefault();

        }

        $.get('template.html', function(templates){

            var tpl = $(templates).filter('#tpl-chapter-edit').html();

        });

    $('.chapter-widget').on('click', '.btn-cut-chapter', function(e){

        e.preventDefault();

        var uniqId = 'id' + (new Date()).getTime();

            id = uniqId;

        var dataChapter = {

            title : title,

            tags : tags,

            begin : begin,

            duration : duration,

            end : end,

            description : description,

        };

    });

        });

        chapterSegmentWrap.empty();

        $.each(chapters, function(k, v){

                color = global.colors[k],

                    width : width,

        });

    }

        var uniqId = 'id' + (new Date()).getTime();

        var title = 'chapitre 1',

            tags = 'tag1,tag2',

            begin = 0,

            duration = myMedia.duration.milliseconds,

            end = myMedia.duration.milliseconds,

            description = 'description du chapitre 1',

            id = uniqId;

        var dataChapter = {

            title : title,

            tags : tags,

            begin : begin,

            duration : duration,

            end : end,

            description : description,

            id : id

        };

    }