{header}
<div class="block_narrow">
{menu_page}
</div>
<div class="block_main">
    <h2>{l_title_current}</h2>
    <div class="bl_form">
        <form action="{url_page}" method="POST">
			<input type="hidden" name="cmd" value="update">
			{config_fields}
            <div class="wrap_button fl_right">
                <button class="button submit" type="submit">{l_save}</button>
                <div class="button_submit_instruction">{l_or_use_ctrl_s}</div>
            </div>
        </form>
    </div>
    <div class="empty"></div>

    <h2>{l_title_list_images}</h2>
    <!-- begin_block_image -->
    <div class="bl_form">
    <style>
        .city_gallery_image{
            width: 128px; 
            height: 128px; 
            padding: 0;
        }
        
        .submiting{
            padding-top: 60px; 
            text-align: center; 
            width: 100%; 
            height: 100%;
        }
    </style>
    <script>
    $(function() {
        var $img,${block}Frm=$('#{block}_form'),
            ${block}File=${block}Frm.find('input.upload'),
            ${block}Sbm=${block}Frm.find('#update');
            ${block}Delete=${block}Frm.find('#delete');
            ${block}Cmd=${block}Frm.find('#cmd{block}');

            ${block}File.change(function(){
                ${block}Sbm.text('{l_upload}')
            });

            ${block}Frm.ajaxForm({
            beforeSubmit: function(a,f,o) {
                if (${block}Cmd.val() != 'delete'){
                    if(!trim(${block}File.val())){
                        return false;
                    }
                }
                $img=$('#{block}_output').find('img');
                $('#{block}_output').html('<div class="submiting">{l_submitting}</div>');
            },
            success: function(data) {
				var url = '{url_images}';
                ${block}File.val('');
				try {
					var obj = jQuery.parseJSON(data),$out = $('#{block}_output');
					if (obj.status == 0 || obj.url == '') {
                        $out.html('').append($img);
						alert(obj.msg);
					} else {
                        url = obj.url;
                        var $imgNew=$('<img class="city_gallery_image" src="'+url+'" alt=""/>').fadeTo(1,0).load(function(){
                            $(this).fadeTo(100,1);
                        });
                        $out.html('').append($imgNew);
                    }
				} catch (err) {
					alert('{l_file_type_is_incorrect}');
				}

            }
        });
    });
    </script>

    <form id="{block}_form" action="{url_page}" method="POST" enctype="multipart/form-data">
        <input type="hidden" id="cmd{block}" name="cmd" value="upload">
        <input type="hidden" name="asset_id" value="{block}">
        <input type="hidden" name="ajax" value="1">

        <div id="{block}_output" class="block_logo city_gallery_image">
            <img src="{url_images}?rand={rand}" class="city_gallery_image" alt=""/>
        </div>
        <div class="cl"></div>
        <div class="fl_left">
            <input class="upload" type="file" name="upload_file"/>
        </div>
        <div class="wrap_button fl_right">
			<button id="delete" onClick="if (confirm('{l_are_you_sure}')) { $('#cmd{block}').val('delete'); return true;} else return false;" class="button submit" type="submit">{l_delete}</button>
        </div>
        <div class="wrap_button fl_right">
			<button id="update" onClick="$('#cmd{block}').val('upload');" class="button submit" type="submit">{l_upload}</button>
		</div>
    </form>
    </div>
    <!-- end_block_image -->
</div>
<div class="empty"></div>
{footer}