var t200;
var timelineType = "remote";
var timelineId = "200";
var rKeyCode = "";
var personId = "peterlov";
var previousEvent = null;
var nextEvent = null;
var tMap = null;
var mapCenterLatLng = null;
var mapZoomLevel = null;
var theme = Timeline.ClassicTheme.create();
var _intervalUnit0Orig  = Timeline.DateTime.HOUR;
var _intervalUnit1Orig  = Timeline.DateTime.YEAR;
var _intervalUnit0OrigName = "K_HOUR";
var _eventSource        = new Timeline.DefaultEventSource(0);
var _firstEvent = "Tue Mar 31 2009 03:24:00 UTC";
var _lastEvent = "Wed Apr 01 2009 03:23:00 UTC";
    var _date = Timeline.DateTime.parseGregorianDateTime("Tue Mar 31 2009 03:24:00 UTC");
    var _intervalUnit0      = _intervalUnit0Orig;
var _intervalUnit1      = _intervalUnit1Orig;
var _intervalPixalsOrig = 50;
var _intervalPixals     = _intervalPixalsOrig;

Timefo.Timeline.initialize = function() {
    Timefo.Timeline.onLoad();
    Timefo.Timeline.loadXml();
    //setupFilterHighlightControls(document.getElementById("t200-controls"), t200, [0,1], theme);
}

Timefo.Timeline.getCenterVisibleDate = function() {
    var band = t200.getBand(0);
    return band.getCenterVisibleDate();
}

var resizeTimerID = null;
Timefo.Timeline.onResize = function() {
    if (resizeTimerID == null) {
        resizeTimerID = window.setTimeout(function() {
            resizeTimerID = null;
            t200.layout();
        }, 500);
    }
}

Timefo.Timeline.loadXml = function() {
    t200.loadXML("/timelines/xmldata/peterlov/200",
    function(xml, url) {
        _eventSource.loadXML(xml, url);
    }
    );
}

Timefo.Timeline.reloadXml = function() {
    _eventSource._events.removeAll();
    _eventSource._fire("onClear", []);
    kLoadXML();
}
    
Timefo.Timeline.onLoad = function() {
    var theme = Timeline.ClassicTheme.create();
    theme.event.bubble.width = 500; //320;
    theme.event.bubble.height = 450; //220;
    theme.ether.backgroundColors[0] = "#fff";
    theme.ether.backgroundColors[1] = "#f9f9f9"; //"#FFF";
    
    var bandInfos = [
        Timeline.createBandInfo({
            width:          "85%", 
            intervalUnit:   _intervalUnit0, 
            intervalPixels: _intervalPixals,
            eventSource:    _eventSource,
            date:           _date,
            theme:          theme
        }),
        Timeline.createBandInfo({
            width:          "15%", 
            intervalUnit:   _intervalUnit1, 
            intervalPixels: _intervalPixals,
            date:           _date,
            showEventText:  false,
            theme:          theme,
                    date:           _date,
            showEventText:  false,
            theme:          theme,
            trackHeight:    0.5,
            trackGap:       0.2
        })
        
    ];    
        bandInfos[0].syncWith = 1;
    bandInfos[1].etherPainter = new Timeline.YearCountEtherPainter({
        startDate:  "Fri Apr 03 2009 03:22:00 UTC",
        multiple:   1,
        theme:      theme
    });
    bandInfos[1].highlight = false;
    bandInfos[1].decorators = [
        new Timeline.SpanHighlightDecorator({
            startDate:  "Fri Apr 03 2009 03:22:00 UTC",
            startLabel: "Birth",
                        endDate:    new Date(),
            endLabel:   'Current Age',
                        //color:      "#FFC080",
            //color:      "#CCCCFF",
            color:      "#F7CA4A",
            opacity:    50,
            theme:      theme
        })
    ];
        
    t200 = Timeline.create(document.getElementById("t200"), bandInfos, Timeline.HORIZONTAL);
}

Timefo.Timeline.centerTimeline = function(date) {
    t200.getBand(0).setCenterVisibleDate(Timeline.DateTime.parseGregorianDateTime(date));
}