// Now with TimeMap object fun.

function onLoad() {
	var tm = new TimeMap(
  		document.getElementById("timeline"), 
		document.getElementById("map"),
		{}
    );
    
    var incidents = tm.createDataset("incidents", {});
    
	var incidentTheme = Timeline.ClassicTheme.create();
	incidentTheme.event.track = {
            offset:         0.2, // em
            height:         1.2, // em
            gap:            0.2  // em
    };
    
	var bands = [
		Timeline.createBandInfo({
		             eventSource:    incidents.eventSource,
		             width:          "85%", 
		             intervalUnit:   Timeline.DateTime.DAY, 
		             intervalPixels: 210,
					 theme:	         incidentTheme
		                                 }),
		Timeline.createBandInfo({
		             eventSource:    incidents.eventSource,
		             width:          "15%", 
		             intervalUnit:   Timeline.DateTime.WEEK, 
		             intervalPixels: 150,
                     showEventText:  false,
		             trackHeight:    0.2,
		             trackGap:       0.2
                                         })
    ];
	bands[1].eventPainter.setLayout(bands[0].eventPainter.getLayout());
    
	tm.initTimeline(bands);    

    //load KML
    GDownloadUrl("/data/kml.asp", function(result) {
        var data = TimeMapDataset.parseKML(result);
        incidents.loadItems(data);
	    tm.timeline.getBand(0).setCenterVisibleDate(incidents.eventSource.getLatestDate());
        tm.timeline.layout();
    })
	
}