// vim: et:ts=4:sw=4:sts=4:ft=javascript

'use strict';

pandora.ui.timeline = function(data) {

    var ui = pandora.user.ui;

    return Ox.VideoTimelinePanel({
        annotationsCalendarSize: ui.annotationsCalendarSize,
        annotationsFont: ui.annotationsFont,
        annotationsMapSize: ui.annotationsMapSize,
        annotationsRange: ui.annotationsRange,
        annotationsSize: ui.annotationsSize,
        annotationsSort: ui.annotationsSort,
        censored: data.censored,
        censoredIcon: pandora.site.cantPlay.icon,
        censoredTooltip: pandora.site.cantPlay.text,
        clickLink: pandora.clickLink,
        cuts: data.cuts || [],
        duration: data.duration,
        followPlayer: ui.followPlayer,
        getFrameURL: function(position) {
            return '/' + ui.item + '/' + ui.videoResolution + 'p' + position + '.jpg';
        },
        getLargeTimelineURL: function(type, i) {
            return '/' + ui.item + '/timeline' + type + '64p' + i + '.jpg';
        },
        height: pandora.$ui.contentPanel.size(1),
        layers: data.annotations,
        muted: ui.videoMuted,
        position: ui.videoPoints[ui.item].position,
        resolution: pandora.site.video.resolutions[0],
        selected: ui.videoPoints[ui.item].annotation
            ? ui.item + '/' + ui.videoPoints[ui.item].annotation
            : '',
        showAnnotations: ui.showAnnotations,
        showAnnotationsCalendar: ui.showAnnotationsCalendar,
        showAnnotationsMap: ui.showAnnotationsMap,
        showLayers: Ox.clone(ui.showLayers),
        showUsers: pandora.site.annotations.showUsers,
        smallTimelineURL: '/' + ui.item + '/timeline16p.jpg',
        timeline: ui.videoTimeline,
        timelines: pandora.site.timelines,
        video: data.video,
        videoRatio: data.videoRatio,
        volume: ui.videoVolume,
        width: pandora.$ui.document.width() - pandora.$ui.mainPanel.size(0) - 1
    })
    .bindEvent({
        annotationsfont: function(data) {
            pandora.UI.set({annotationsFont: data.font});
        },
        annotationsrange: function(data) {
            pandora.UI.set({annotationsRange: data.range});
        },
        annotationssize: function(data) {
            pandora.UI.set({annotationsSize: data.size});
        },
        annotationssort: function(data) {
            pandora.UI.set({annotationsSort: data.sort});
        },
        censored: function() {
            pandora.URL.push(pandora.site.cantPlay.link);
        },
        follow: function(data) {
            pandora.UI.set('followPlayer', data.follow);
        },
        info: function(data) {
            pandora.ui.annotationDialog(
                Ox.getObjectById(pandora.site.layers, data.layer).title
            ).open();
        },
        muted: function(data) {
            pandora.UI.set('videoMuted', data.muted);
        },
        position: function(data) {
            pandora.UI.set(
                'videoPoints.' + pandora.user.ui.item + '.position',
                data.position
            );
        },
        resizeannotations: function(data) {
            pandora.UI.set('annotationsSize', data.annotationsSize);
        },
        resizecalendar: function(data) {
            pandora.UI.set('annotationsCalendarSize', data.size);
        },
        resizemap: function(data) {
            pandora.UI.set('annotationsMapSize', data.size);
        },
        select: function(data) {
            pandora.UI.set('videoPoints.' + pandora.user.ui.item + '.annotation', data.id.split('/')[1]);
        },
        timeline: function(data) {
            pandora.UI.set('videoTimeline', data.timeline);
        },
        toggleannotations: function(data) {
            pandora.UI.set('showAnnotations', data.showAnnotations);
        },
        togglelayer: function(data) {
            pandora.UI.set('showLayers.' + data.layer, !data.collapsed);
        },
        togglemap: function(data) {
            pandora.UI.set('showAnnotationsMap', !data.collapsed);
        },
        pandora_showannotations: function(data) {
            pandora.$ui.timeline.options({showAnnotations: data.value});
        }
    });
  
};