$(function() {

    Ox.theme('modern');

    new Ox.Calendar({
        date: new Date(0),
        dates: [
            {name: 'December 1969', start: new Date('1969-12-01'), stop: new Date('1970-01-01')},
            {name: '20th century', start: new Date('1900-01-01'), stop: new Date('2000-01-01')},
            {name: 'World War One', start: new Date('1914-01-01'), stop: new Date('1919-01-01')},
            {name: 'The Third Reich', start: new Date('1933-01-30'), stop: new Date('1945-05-09')},
            {name: 'World War Two', start: new Date('1939-01-01'), stop: new Date('1946-01-01')},
            {name: '1960s', start: new Date('1960-01-01'), stop: new Date('1970-01-01')},
            {name: 'Assassination of John F. Kennedy', start: new Date('1963-11-22'), stop: new Date('1963-11-23')},
            {name: 'Assassination of Benno Ohnesorg', start: new Date('1967-06-02'), stop: new Date('1967-06-03')},
            {name: '1968', start: new Date('1968-01-01'), stop: new Date('1969-01-01')},
            {name: 'Assassination of Martin Luther King', start: new Date('1968-04-04'), stop: new Date('1968-04-05')},
            {name: 'Assassination of Rudi Dutschke', start: new Date('1968-04-11'), stop: new Date('1968-04-12')},
            {name: 'May 1968', start: new Date('1968-05-01'), stop: new Date('1968-06-01')},
            {name: '1968 Cannes Film Festival', start: new Date('1968-05-10'), stop: new Date('1968-05-20')},
            {name: 'Assassination of Robert F. Kennedy', start: new Date('1968-06-05'), stop: new Date('1968-06-06')},
            {name: 'Apollo 11', start: new Date('1969-07-16'), stop: new Date('1969-07-25')},
            {name: 'Moon Landing', start: new Date('1969-07-20'), stop: new Date('1969-07-21')},
            {name: 'The Epoch', start: new Date('1970-01-01 00:00:00'), stop: new Date('1970-01-01 00:00:01')},
            {name: 'Apollo 17', start: new Date('1972-12-07'), stop: new Date('1972-12-20')},
            {name: 'Tschernobyl', start: new Date('1986-04-26'), stop: new Date('1986-04-27')},
            {name: '9-11', start: new Date('2001-09-11'), stop: new Date('2001-09-12')}
        ],
        height: window.innerHeight,
        width: window.innerWidth,
        zoom: 5
    }).appendTo(Ox.UI.$body);

});