WIP - do not use in production !
refactoring the code to have a finite state machine
(http://en.wikipedia.org/wiki/Finite_state_machine)
{{! template for the search container }}
<div class='LdtSearchContainer'
style='margin-left: {{margin_left}}; position: absolute; margin-top: -60px;'>
<div class='LdtSearch'
style='display: none; background-color: #EEE; width: 165px; boder: 1px; border-color: #CFCFCF; position: absolute; text-align: center;'>
<input class='LdtSearchInput'
style='margin-top: 2px; margin-bottom: 2px;' />
</div>
</div>
<div class='cleaner'></div>