{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 -->
<div id="tabs">
  <ul>  
  {main_admin_menu}
    <li {current}><a href="{url}"><span>{name}</span></a></li>
   {/main_admin_menu}
  </ul>
</div>
<!-- center block -->
<table class="content">
<tr class="width100"><td class="spysok_brony"></td>
<td id="blue_zagolovok">
{caption_page_name_add_edit}
</td>
<td class="td_btn">



</td>

<td class="round2"></td></tr>
<tr class="width100">
<td class="settings_left_fon_tab"></td>
<td colspan="2" class="settings_centert_fon_tab">
<div class="settings_tabs">
   <ul>  
    {submenulist}  
    <li {special}><a href="{url}"><span>{name}</span></a></li>
    {/submenulist}    
  </ul>
</div>
</td>
<td class="settings_right_fon_tab"></td>
</tr>

<tr><td class="left_design"></td>
<td class="content_td" colspan="2">

<!-- center block -->
<br/>
<form name="frmData" id="frmData" action="/admin_markers/update/" method="POST">
<input type="hidden" name="id" value="{id}">
<table class="content_forms">
	<tr><td width="100" class="b">{caption_name}:<span class="red">*</span></td><td><input type="text" name="name" class="forms" value="{name}"></td></tr>
	<tr><td width="100" class="b">{caption_code}:<span class="red">*</span></td><td><input type="color" name="code" class="forms" value="{code}"></td></tr>
</table>
</form>
<div class="bg_img1"></div>
<div class="mw_footer">
<button class="btn_forms"  onclick="$('#frmData').submit();return false;">{caption_save}</button>

{caption_or}

<span  class="mw_href_2"><a href='javascript:history.go(-1)' class="close">{caption_cancel}</a></span>
</div>
</div>
</form>


</td>
<td class="right_design"></td></tr>

<tr><td class="niz_left"></td><td class="niz_center"colspan="2"></td><td class="niz_right"></td></tr>
</table>
<!-- #center block -->
{footer}
    <script type="text/javascript">//<![CDATA[

      var cal = Calendar.setup({
          onSelect: function(cal) { cal.hide() },
          showTime: true
      });
      cal.manageFields("f_btn1", "startdate", "%Y-%m-%d");
      cal.manageFields("f_btn2", "enddate", "%Y-%m-%d");
      

    //]]></script>