<?php TPL::output('global/header.tpl.htm'); ?>

<div class="tny-basic main tny-clear allbg">
	<div class="tny-left lsidebar"> 
		<div class="b_restrain">
			<h3 class="trends-H3  content-H3">Invite friends to site</h3>
			<form id="invitation_form" method="post" action="invitation/ajax/invite/" onsubmit="return false">
			<div class="x_invite tny-tr">
				<input type="text" class="glotxtclass x_txtinput" value="Please enter friend Email..." name="email" onFocus="$.focus(this,'Please enter friend Email...');"/>
				<p class="x_pad">You still have <span class="tny-blue"><?php echo $this->user_info['invitation_available']; ?></span> Invitations places &nbsp;&nbsp;<a href="javascript:;" onclick="ajax_post($('#invitation_form'));" class="btn-blue">Send invitation</a></p>
			</div>
			</form>
			
			<h3 class="trends-H3 b_x5">Has invite friends</h3>
			<ul class="pri_letter" id="c_list"></ul>
			
			<p id="io_more"><a class="ajax-more" href="javascript:;">Show More</a></p>
		</div>
	</div>

	<div class="rsidebar">
		<?php TPL::output('block/sidebar_menu.tpl.htm'); ?>	
	</div>
</div>

<script type="text/javascript">
$(document).ready(function(){
	io_more_load(GET_BASE_URL + '/invitation/ajax/invitation_list/', $('#io_more'),  $('#c_list'));
});
</script>

<?php TPL::output('global/footer.tpl.htm'); ?>