WIP - do not use in production !
refactoring the code to have a finite state machine
(http://en.wikipedia.org/wiki/Finite_state_machine)
{{! template used by the jquery ui tooltip }}
<div class='Ldt-tooltip'>
<div class='title'>{{title}}</div>
<div class='time'>{{begin}} : {{end}} </div>
<div class='description'>{{description}}</div>
</div>