
<patTemplate:tmpl name="pageoutput" unusedvars="strip">
{JOMRES_POPUPURL_GLOBALVAR}

{HEADER}

<patTemplate:comment>
<div class="row-fluid">
	<div class="span12">
		{PAGING}
	</div>
</div>
</patTemplate:comment>

<patTemplate:tmpl name="property_details" unusedvars="strip">
	<div class="jomres_property_list_propertywrapper" id="{UID}" >
		<div class="panel {BUDGET_BORDER_CLASS} {FEATURED_LISTINGS_CLASS}">
			<div class="panel-heading">
				<div class="row-fluid">
					<div class="span10">
						<h3 class="panel-title"><a href="{MOREINFORMATIONLINK}">{PROPERTYNAME}</a></h3>
					</div>
					<div class="span2">
						<div class="jomres-compare" align="right">
							<input type="checkbox" name="compare" value="{UID}" autocomplete="off"/> <i class="icon-question-sign" rel="tooltip" title="{_JOMRES_COMPARE}" > </i>
						</div>
					</div>
				</div>
			</div>
			<div class="panel-body">
				<div class="row-fluid">
					<div class="span3">
						<a href="{MOREINFORMATIONLINK}">
							{PROPERTY_IMAGE_OR_SLIDESHOW}
						</a>
					</div>
					<div class="span6">
						<p>
							<!--<span class="label">{PROPERTY_TYPE}</span> <span class="small">{STARS}</span> <em>{SUPERIOR}</em>-->
							<a href="{PROPERTY_TYPE_SEARCH_URL}" class="btn btn-mini btn-default">{PROPERTY_TYPE}</a> <span class="small">{STARS}</span> <em>{SUPERIOR}</em>
						</p>
	
						<p class="small"><em>{PROP_TOWN}, {PROP_REGION}, {PROP_COUNTRY}</em></p>
	
						<p>{PROPERTYDESC}</p>
	
						<p class="jomres_message">{LASTMINUTE}</p>
					</div>
					<div class="span3">
						<div class="well align-center {BUDGET_BORDER_CLASS}">
							{PRICE_PRE_TEXT}
							<span class="big-price">{PRICE_PRICE}</span>
							{PRICE_POST_TEXT}
							<span class="big-price">{PRICE_CUMULATIVE}</span>
							{FOR} {STAY_DAYS} {NIGHTS_TEXT}
						</div>
						{GATEWAYS}
					</div>
				</div>
				<div id="effect{UID}" class="hide row-fluid">
					<div class="span2 well">
						<div><strong>{_JOMRES_AGENT}</strong></div>
						<div>{AGENT_LINK}</div>
					</div>
					<div class="span5 well">
						<div><strong>{_JOMRES_FRONT_ROOMTYPES}</strong></div>
						<div>{ROOMTYPES}</div>
						<div style="clear:both;"></div>
						<div><strong>{_JOMRES_COM_MR_VRCT_ROOM_HEADER_FEATURES}</strong></div>
						<div>{FEATURELIST}</div>
						<div style="clear:both;"></div>
						{CUSTOM_PROPERTY_FIELDS_DATA_SNIPPET}
						<div class="clearfix"></div>
					</div>
					<div class="span5 well">
						<div><strong>{_JOMRES_REVIEWS}</strong></div>
						<div>{_JOMRES_REVIEWS_TOTAL_VOTES} {NUMBER_OF_REVIEWS}</div>
						<div>{_JOMRES_REVIEWS_AVERAGE_RATING}{AVERAGE_RATING}</div>
						<a href="#property_reviews{UID}" ajax_task="show_property_reviews" data-toggle="modal" random_identifier="{UID}" property_name="{PROPERTYNAME}" property_uid="{UID}" class="hidden-phone">{_JOMRES_REVIEWS_CLICKTOSHOW}</a>
	
						<div>&nbsp;</div>
						<div class="{LASTBOOKING_STYLE}">{LASTBOOKED}</div>
					</div>
				</div>
			</div>
			<div class="panel-footer">
				<div class="row-fluid">
					<div class="span2 hidden-phone"></div>
					<div class="span10">
						<p>
							<a href="{LINK}" class="btn btn-primary">{BOOKTHIS_TEXT}</a>
							<a href="{MOREINFORMATIONLINK}" class="btn btn-info">{MOREINFORMATION}</a>
							<a href="javascript:void(0);" id="shortlist_{UID}" onclick="shortlist('{UID}')"
							   class="btn hidden-phone">{SHORTLIST}</a>
							<a href="javascript:void(0);" onclick="quick_info({UID});"
							   class="btn hidden-phone hidden-tablet">{_JOMRES_QUICK_INFO}</a>
						</p>
					</div>
				</div>
			</div>
		</div>
		<hr/>
	</div>

	<script>
	   jomresJquery(document).ready(function(){
		 jomresJquery('#module_{RANDOM_IDENTIFIER}_popup', '#property_reviews{UID}').appendTo("body");
		});
	</script>
	
	<div class="modal hide" id="module_{RANDOM_IDENTIFIER}_popup">
		<div class="modal-header">
			<button type="button" class="close" data-dismiss="modal">x</button>
			<h4>{PROPERTYNAME}</h4>
		</div>
		<div class="modal-body">
			<div style="padding:20px">
				<img src="{JOMRES_IMAGES_RELPATH}ajax_animation/broken_circle.gif" alt="ajax_animation_image"/>
			</div>
		</div>
	</div>
	
	<div class="modal hide" id="property_reviews{UID}">
		<div class="modal-header">
			<button type="button" class="close" data-dismiss="modal">x</button>
			<h4>{PROPERTYNAME}</h4>
		</div>
		<div class="modal-body">
			<div style="padding:20px">
				<img src="{JOMRES_IMAGES_RELPATH}ajax_animation/broken_circle.gif" alt="ajax_animation_image"/>
			</div>
		</div>
	</div>

</patTemplate:tmpl>

<div id = "livescrolling_results" ></div>

<div class="row-fluid">
	<div class="span12">
		{PAGING}
	</div>
</div>

<patTemplate:comment>{HEADER}</patTemplate:comment>
</patTemplate:tmpl>