
<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 photoview pull-left" id="{UID}">
		<div class="panel {BUDGET_BORDER_CLASS} {FEATURED_LISTINGS_CLASS}">
			<div class="panel-heading">
				<h4 class="photoview-ptitle"><a href="{MOREINFORMATIONLINK}">{PROPERTYNAME}</a></h4>
			</div>
			<div class="panel-body">
				<div class="caption">
					<p>{STARS} {SUPERIOR}</p>

					<p class="small photoview-paddress">{PROP_TOWN}, {PROP_REGION}, {PROP_COUNTRY}</p>

					<div class="hidden-phone">
						<input type="checkbox" name="compare" value="{UID}" autocomplete="off"/> {_JOMRES_COMPARE}
					</div>
				</div>
				<div class="align-center photoview-image">
					<a href="{MOREINFORMATIONLINK}">
						{PROPERTY_IMAGE_OR_SLIDESHOW}
					</a>
				</div>
				<div class="caption">
					<div class="well align-center">
						&nbsp;{PRICE_PRE_TEXT}&nbsp;
						<span class="big-price">{PRICE_PRICE}</span>
						&nbsp;{PRICE_POST_TEXT}&nbsp;
					</div>
				</div>
			</div>
			<div class="panel-footer">
				<div class="hidden-phone">
					<a class="btn" href="javascript:void(0);" id="shortlist_{UID}" onclick="shortlist('{UID}')">{SHORTLIST}</a>
				</div>
			</div>
		</div>
	</div>

	<script>
	   jomresJquery(document).ready(function(){
		 jomresJquery('#module_{RANDOM_IDENTIFIER}_popup').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>
	
	<script>
	   jomresJquery(document).ready(function(){
		 jomresJquery('#module_{RANDOM_IDENTIFIER}_popup', '#property_reviews{UID}').appendTo("body");
		});
	</script>

	<patTemplate:comment>
		<div id="effect{UID}" class="quick-info ui-helper-hidden">
			<div class="ui-widget-content ui-corner-all">
				<div class="property-desc">{PROPERTYDESC}</div>
				<div class="jomres_message property-desc">{LASTMINUTE}</div>
				<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>
				<div>&nbsp;</div>
				<div><strong>{_JOMRES_REVIEWS}</strong></div>
				<div><strong>{_JOMRES_REVIEWS_TOTAL_VOTES}</strong> {NUMBER_OF_REVIEWS}</div>
				<div><strong>{_JOMRES_REVIEWS_AVERAGE_RATING}</strong>{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}">{_JOMRES_REVIEWS_CLICKTOSHOW}</a>

				<div>&nbsp;</div>
				<div class="{LASTBOOKING_STYLE}">{LASTBOOKED}</div>
			</div>
		</div>
	</patTemplate:comment>

</patTemplate:tmpl>

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

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

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