#set( $inputname = "${detail.id}" )
#if($catalogid)
#set ($inputid = "${detail.id}${catalogid}")
#else
#set($inputid="${detail.id}")
#end
#set ($inputid = $inputid.replaceAll("/",""))
#if ($detail.get("daterange")=="true")
	<input name="operation" type="hidden" value="after" />
	<input name="${inputname}.value"  id="datevalue${inputid}before" 
		size="8" type="text">
	<input type="text" class="datepicker " data-targetid="datebox${inputid}before" value="$!val" size="8" /> 	
	[[to]]
	<input name="field" value="${inputname}end" type="hidden">
	<input name="operation" type="hidden" value="before" />
	<input name="${inputname}end.value" class="" id="datevalue${inputid}after"  size="8" type="text">
	<input type="text" class="datepicker " data-targetid="datebox${inputid}after" value="$!val" size="8" /> 
#else

	#set( $op = $term.getParameter("op") )
	<select name="operation" id="operation${inputid}" onchange="updateDateInput${inputid}(this.selectedIndex);" style="display: block;">
		<option value="equals" >[[Equals]]</option>
		<option value="after" #if( $op && $op == "after" )selected #end>[[After Date]]</option>
		<option value="before" #if( $op && $op == "before" )selected #end >[[Before Date]]</option>
		<option value="betweendates" #if( $op && $op == "betweendates" )selected #end >[[Between]]</option>
		<option value="before1" #if( $op && $op == "before1" )selected #end>[[Past 24 hours]]</option>
		<option value="before7" #if( $op && $op == "before7" )selected #end>[[Past week]]</option>
		<option value="before30" #if( $op && $op == "before30" )selected #end>[[Past month]]</option>
		<option value="before365" #if( $op && $op == "before365" )selected #end>[[Past year]]</option>
	</select>
	
	<span id="dateinput${inputid}" >

	</span>
	
	#if($hits)
		#set($after = $hits.getInput("${inputname}.after"))
		#set($before = $hits.getInput("${inputname}.before"))
	#elseif($query)
		#set($after = $query.getInput("${inputname}.after"))
		#set($before = $query.getInput("${inputname}.before"))
	#else
		#set($after = $context.getRequestParameter("${inputname}.after"))
		#set($before = $context.getRequestParameter("${inputname}.before"))
	#end
	
	
	<script type="text/javascript">
		updateDateInput${inputid} = function(value)
		{
			var oneinput = 	'<input name="${inputname}.value"  id="datebox${inputid}" value="$!val" size="8" type="hidden"><input type="text" class="datepicker " data-targetid="datebox${inputid}" /> ';
			var twoinputs = '<input name="${inputname}.after"  id="dateafter${inputid}" value="$!after" size="8" type="hidden"> \
						<input type="text" class="datepicker " data-targetid="dateafter${inputid}" value="$!after" size="8" /> \
						<br />   \
						<input name="${inputname}.before"  id="datebefore${inputid}" value="$!before" size="8" type="hidden">  \
						<input type="text" class="datepicker " data-targetid="datebefore${inputid}" value="$!before" size="8" /> ';


			if( value < 3 )
			{
				$("#dateinput${inputid}").html(oneinput);
				//valueblock.style.display='block';
				//rangeblock.style.display='none';
			}
			else if ( value == 3 )
			{
				$("#dateinput${inputid}").html(twoinputs);
			}
			else
			{
				$("#dateinput${inputid}").html("");
			}
		}
		updateDateInput${inputid}(document.getElementById('operation${inputid}').selectedIndex);
	</script>
#end