module ApplicationHelper

	def date_box(id = DateboxEngine.config(:elementId))
		<<-EOL
<div id="dateBox">
	<ul>
		<li>#{engine_image('icon-help.gif', :engine => 'datebox', :alt => 'Help', :id => id + 'Help' ) }</li>
		<li>#{text_field 'calendar', id, { :name => id, :id => id, :onChange => "magicDate(id);", :onFocus => "if (this.className != 'error') this.select()" , :value => (instance_variable_get("@#{id}") ? instance_variable_get("@#{id}") : nil)} }</li>
		<li>#{engine_image('icon-calendar.gif', :engine => 'datebox', :alt => 'Calendar', :id => id + 'Button', :style => 'cursor: pointer;' ) }</li>
	</ul>
	<div style="clear:both"></div>
	<div id="#{id}Msg"><script type="text/javascript">document.write(calendarFormatString); </script></div>
	<script type="text/javascript">
	    Calendar.setup({
	        inputField     :    "#{id}",     // id of the input field
	        ifFormat       :    calendarIfFormat,  // format of the input field
	        button         :    "#{id}Button",  // trigger for the calendar (button ID)
	        help           :    "#{id}Help",  // trigger for the help menu
	        align          :    "Bl",           // alignment (defaults to "Bl")
	        singleClick    :    true
	    });
	    document.getElementById("#{id}").onkeydown = dateBoxKeyListener
	</script>
</div>
		EOL
	end
	
	def date_box_flat(id = DateboxEngine.config(:elementId))
		<<-EOL
<div style="float: right; margin-left: 1em; margin-bottom: 1em;" id="#{id}"></div>

<script type="text/javascript">
  Calendar.setup(
    {
      flat         : "#{id}", // ID of the parent element
    }
  );
</script>
		EOL
	end

end