/*==================================================
 *  Classic Theme
 *==================================================
 */

Timeline.BankierTheme = Timeline.ClassicTheme;

Timeline.BankierTheme._Impl = function() {
    this.firstDayOfWeek = 1; // Sunday
	
    this.ether = {
        backgroundColors: [
           "#ffffff",
        ],

        highlightOpacity:   35,
        interval: {
            line: {
                show:       true,
                opacity:    100
            },
            weekend: {
              //  color:      "#FFFFE0",
                opacity:    10
            },
            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: {
            height:         14, // px
            gap:            2   // px
        },
        overviewTrack: {
            offset:     20,     // px
            tickHeight: 6,      // px
            height:     2,      // px
            gap:        1       // px
        },
        tape: {
            height:         4 // px
                        
        },
        instant: {
            icon:              Timeline.urlPrefix + "images/dull-blue-circle.png",
            iconWidth:         10,
            iconHeight:        10,
    //        color:             "#58A0DC",
    //        impreciseColor:    "#58A0DC",
            impreciseOpacity:  20 // opacity of the bar when duration is false
        },
        duration: {
      //      color:            "#58A0DC",
      //      impreciseColor:   "#58A0DC",
            impreciseOpacity: 20
        },
        label: {
      //      backgroundColor:   "white",
            backgroundOpacity: 50,
      //      lineColor:         "#58A0DC",
            offsetFromLine:    3 // px
        },
        highlightColors: [
           "#FFFF00",
   //         "#FFC000",
   //         "#FF0000",
   //         "#0000FF"
        ],
        bubble: {
            width:          250, // px
            height:         125, // 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";
            },
            wikiStyler: function(elmt) {
                elmt.className = "timeline-event-bubble-wiki";
            },
            timeStyler: function(elmt) {
                elmt.className = "timeline-event-bubble-time";
            }
        }
    };
    
    this.mouseWheel = 'scroll'; // 'default', 'zoom', 'scroll'
};