{literal}
	
	<script>

		$(document).ready(function(){
			 window.onload = function () {
				 var position=$(window).scrollTop();
				 if(position < 270){					
					window.setTimeout(function(){
					$("html, body").animate({ scrollTop: $('#orders_section').offset().top + 'px'
							}, 1, 'swing');
							$('html, body').css({'overflow': 'auto'});
					},10); 
				}
				else
				{
					window.setTimeout(function(){
					$("html, body").animate({ scrollTop: position + 'px'
							}, 1, 'swing');
							$('html, body').css({'overflow': 'auto'});
					},10); 
				}
			}
		});
	</script>
{/literal}
{include file="templates/panels/panel-catalog-categories.html"}
<div id="orders_section">
<div data-role="header"><h1>{$msg.account.my_orders}</h1></div>
<div data-role="content">
{if $orders}
<ul data-role="listview" data-inset="true">
<li data-role="list-divider">
{$msg.account.orders_placed} {$ordersCount}
</li>
{assign var="ordersCount" value=0}
{assign var="rowStyle" value="CatalogItemDark"}
{foreach from=$orders item="order"}
{if $rowStyle == "CatalogItemLight"}
{assign var="rowStyle" value="CatalogItemDark"}
{else}
{assign var="rowStyle" value="CatalogItemLight"}
{/if}
<li>
<a href="{$url_https}p=order&order_id={$order.oid}">
<h3>
Order #{$order.order_num} - {$order.status}
- {if $order.order_type == 'Recurring'}{$msg.cart.order_type_recurring}{else}{$msg.cart.order_type_web}{/if}
</h3>
<p>{$order.placed_date}</p>
<h3 class="ui-li-aside">{$order.total_amount|price}</h3>
</a>
</li>
{assign var="ordersCount" value=$ordersCount+1}
{/foreach}
<li data-role="list-divider">
{$msg.account.orders_placed} {$ordersCount}
</li>
</ul>
{else}
<div class="ui-corner-all ui-shadow msg-notice">
{$msg.account.no_orders_yet}
</div>
{/if}
</div>
{include file="templates/panels/panel-catalog-quick-links.html"}
</div>