{header_cssjs}
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script src="/js/datepicker.js" type="text/javascript" charset="UTF-8"
	language="javascript"></script>
<link rel="stylesheet" href="/css/datepicker.css" type="text/css" />

<script type="text/javascript">
	$(document).ready(function() {
		$('a[name=modal]').click(function(e) {
			e.preventDefault();
			var id = $(this).attr('href');

			var maskHeight = $(document).height();
			var maskWidth = $(window).width();

			$('#mask').css({
				'width' : maskWidth,
				'height' : maskHeight
			});

			/*  $('#mask').fadeIn(1000); */
			$('#mask').fadeTo("slow", 0.4);

			var winH = $(window).height();
			var winW = $(window).width();

			$(id).css('top', winH / 2 - $(id).height() / 1.15);
			$(id).css('left', winW / 2 - $(id).width() / 2);

			$(id).fadeIn(1000);

		});

		$('.window .close').click(function(e) {
			e.preventDefault();
			$('#mask, .window').hide();
		});

		/*    $('#mask').click(function () {
		 $(this).hide();
		 $('.window').hide();
		 }); */

	});
</script>

</head>
<!-- header -->
{header}
<!-- #header -->

<!-- center block -->
<div id="tabs">
  <ul>
  {submenulist}
    <li {special}><a href="{url}"><span>{name}</span>{count_list}</a></li>
   {/submenulist}
  </ul>

</div>
<table class="content">
	
	<tr class="width100">
		<td class="spysok_brony"></td>
		<td id="blue_zagolovok">{caption_page_name} - {subject} </td>
		<td class="td_btn">
        <div class="btn_button">        
			<input  class="btn_forms" type="button" onClick="PageSubmit({prev});" value="<">
			{current} {caption_of} {total}
			<input  class="btn_forms" type="button" onClick="PageSubmit({next});" value=">">
        </div>
        </td>
		<td class="round2"></td>
	</tr>

	<tr class="width100">
		<td class="settings_left_fon_tab"></td>
		<td colspan="2" class="settings_centert_fon_tab r">
			<a href="№" id="important" class="linkcliks btn_sp_style" check_event='important' msg_id='{id}' msgvalue='{important_value}'>{caption_important}</a> <span id="important_str">{important_value_str}</span>
            <a href="№" id="isread" class="linkcliks btn_sp_style" check_event='isread' msg_id='{id}' msgvalue='{isread_value}'>{caption_isread}</a> <span id="isread_str">{isread_value_str}</span>            
		</td>
		<td class="settings_right_fon_tab"></td>
	</tr>
	


	<tr>
		<td class="left_design"></td>
		<td class="content_td" colspan="2">
			<!-- center block -->


			<form id="frmData" name="frmData4" action="" method="post">
				<table class2="table_content1 m10">
					<tr>						
						<td><p><b>{subject_msg}</b></p></td>
					</tr>
					<tr>						
						<td></td>
					</tr>
					<tr>						
						<td>{txt}</td>
					</tr>
					
				</table>
			</form>
			
		</td>
	</tr>
</table>

<!-- #center block -->
{footer}

<script type="text/javascript">
	$(document).ready(function() {
		$('.linkcliks').click(function(e) {
			var result = $("#select-result").empty();
			var data = new Array;
			var x = new Object;
			var ajaxlink;

			x.msg_id=$(this).attr('msg_id');
			x.value=$(this).attr('msgvalue');
			x.check_event=$(this).attr('check_event');
			
			if(x.check_event == 'important'){
				ajaxlink = "/ajax/message_setimportant";	
			}
			
			if(x.check_event == 'isread'){
				ajaxlink = "/ajax/message_setread";	
			}
			
			data.push(x);
			var id = $(this).attr('href');
			$.ajax({
					url : ajaxlink,
					data : ({
						reservations : data
					}),
					type : 'post',
					success : function(data) {
						
						if(x.check_event == 'important'){
							$('a#important').attr('msgvalue', data); 
							//alert($('a#important').attr('msgvalue'));
							if(data == "1"){
								$('#important_str').text("{caption_no}");
							}else{
								$('#important_str').text("{caption_yes}");
							}
						}
						if(x.check_event == 'isread'){
							$('a#isread').attr('msgvalue', data); 
							//alert($('a#isread').attr('msgvalue'));
							if(data == "1"){
								$('#isread_str').text("{caption_no}");
							}else{
								$('#isread_str').text("{caption_yes}");
							}
						}
					}
				});
				e.preventDefault();
		
		})
	});
	function PageSubmit(field) {

		window.location.href = "/mailbox/showmessages/" + field + "/{type}";
	}
</script>