{header}
<script language="javascript" type="text/javascript">
$(function() {
    $('#type').change(function(){
        window.location.href='{url_page}?type='+$(this).val();
    });
    $('#banner_add').submit(function(){
        var name = $('#name'),
            name_val = $.trim(name.val()),
            code = $('#code');
        if (name_val == '') {
            alert('{l_insert}');
            name.focus();
            return false;
        } else if ($('#type').val() == 'code'
            && $.trim(code.val()) == '') {
            alert('{l_enter_the_code}');
            code.focus();
            return false;
        }
    });
});
</script>

<div class="block_narrow">
    <ul class="lmenu_lgreen">
        <li><a href="{url_main}administration/banner.php">{l_menu_banners}</a></li>
        <li class="active"><a href="{url_main}administration/banner_add.php">{l_menu_add_banner}</a></li>
    </ul>
</div>
<div class="block_main">

    <h2>{l_title_current}</h2>

    <div class="bl_form">
    <form id="banner_add" action="{url_page}" method="POST" enctype="multipart/form-data">
	<input type="hidden" name="cmd" value="add">
	  <label>{l_name}*:</label>
      <input type="text" name="name" id = "name">
	  <label>{l_active_place}:</label>
          <select name="place" class="input">{place_opts}</select>
	  <label>{l_type}:</label>
          <select id="type" name="type" class="input">
              <option value="code" <!-- begin_selected_code -->selected="selected"<!-- end_selected_code -->>{l_code}</option>
              <option value="graph" <!-- begin_selected_graph -->selected="selected"<!-- end_selected_graph -->>{l_graphic}</option>
              <option value="flash" <!-- begin_selected_flash -->selected="selected"<!-- end_selected_flash -->>{l_flash}</option>
          </select>
      <!-- begin_fields -->
	  <label>{l_url}:</label>
          <input type="text" class = "text" name='url'/>
	  <label>{l_alt}:</label>
          <input type="text" class = "text" name='alt'/>
      <!-- end_fields -->
      <!-- begin_fields_flash -->
	  <label>{l_width}:</label>
          <input type="text" class = "text" name='width'/>
	  <label>{l_height}:</label>
          <input type="text" class = "text" name='height'/>
      <!-- end_fields_flash -->
      <!-- begin_field_code -->
	  <label>{l_code}*:</label>
      <textarea id="code" class="config_textarea" name='code'></textarea>
      <!-- end_field_code -->
	  <label>{l_framework}:</label>
          <select name="template" class="input">{template_opts}</select>
	  <label>{l_language}:</label>
          <select name="lang" class="input">{language_opts}</select>

          <div class="bl_label" >
            <label class="fl_left" for = "active" style="cursor: pointer;">{l_active}</label>
            <div class="fl_right"><input class="check" type="checkbox" id = "active" name="active" value="1" checked="checked"></div>
        <div class="justify"></div>
	</div>

      <!-- begin_field_file -->
	  <label>{l_file}:</label>

	  <div class="fl_left">
	  <input type="file" class="upload" size="45" name="banner_img"/>
	  </div>
      <!-- end_field_file -->

        <div class="wrap_button fl_right">
            <button class="button submit" type="submit">{l_add}</button>
        </div>

      </form>
    </div>

</div>
{content}
{footer}
<!--begin_alert-->
<script language="javascript" type="text/javascript">
alert('{message}');
</script>
<!--end_alert-->