/*==================================================
 *  Nautical Theme
 *==================================================
 */


Timeline.nadlTheme = new Object();

Timeline.nadlTheme.implementations = [];

Timeline.nadlTheme.create = function(locale) {
    if (locale == null) {
        locale = Timeline.Platform.getDefaultLocale();
    }
    
    var f = Timeline.nadlTheme.implementations[locale];
    if (f == null) {
        f = Timeline.nadlTheme._Impl;
    }
    return new f();
};

Timeline.nadlTheme._Impl = function() {
   
    this.ether = {
        backgroundColors: [
            "#FEFEFE",
            "#B0E0E6",
            "#90EE90",
            "#90EE90"
        ],
        highlightColor:     "#FAFAD2",
        highlightOpacity:   50,
        interval: {
            line: {
                show:       true,
                color:      "#808080",
                opacity:    25
            },
            marker: {
                hAlign:     "Bottom",
                hBottomStyler: function(elmt) {
                    elmt.className = "timeline-ether-marker-bottom";
                },
                hBottomEmphasizedStyler: function(elmt) {
                    elmt.className = "timeline-ether-marker-bottom-emphasized";
                },
                hTopStyler: function(elmt) {
                    elmt.className = "timeline-ether-marker-top";
                },
                hTopEmphasizedStyler: function(elmt) {
                    elmt.className = "timeline-ether-marker-top-emphasized";
                },
                    
                vAlign:     "Right",
                vRightStyler: function(elmt) {
                    elmt.className = "timeline-ether-marker-right";
                },
                vRightEmphasizedStyler: function(elmt) {
                    elmt.className = "timeline-ether-marker-right-emphasized";
                },
                vLeftStyler: function(elmt) {
                    elmt.className = "timeline-ether-marker-left";
                },
                vLeftEmphasizedStyler:function(elmt) {
                    elmt.className = "timeline-ether-marker-left-emphasized";
                }
            }
        }
    };
    
    this.event = {
        track: {
            offset:         0.85, // em
            height:         1.5, // em
            gap:            0.5  // em
        },
        instant: {
            icon:           "api/images/blue-circle.png",
            lineColor:      "#4169E1",
            impreciseColor: "#4169E1",
            impreciseOpacity: 50,
            showLineForNoText: true
        },
        duration: {
            color:          "#4169E1",
            opacity:        50,
            impreciseColor: "#4169E1",
            impreciseOpacity: 50
        },
        label: {
            insideColor:    "#F0E68C",
            outsideColor:   "#696969",
            height:         10,
            width:          200 // px
        },
        highlightColors: [
            "#D2B48C",
        ],
        bubble: {
            width:          250, // px
            height:         175, // px
            titleStyler: function(elmt) {
                elmt.className = "timeline-event-bubble-title";
            },
            bodyStyler: function(elmt) {
                elmt.className = "timeline-event-bubble-body";
            },
            imageStyler: function(elmt) {
                elmt.className = "timeline-event-bubble-image";
            }
        }
    };
};