{header}
{blogs_header}
<script type="text/javascript" src="{url_main}_server/gallery.js{cache_version_param}"></script>

<script type='text/javascript'>
function addtag(tag)
{
    var tArea = document.form_val.text;
    var isIE = (document.all)? true : false;
    var open = '<' + tag + '>';
    var end = '</' + tag + '>';

    if (isIE) {
        tArea.focus();
        var curSelect = document.selection.createRange();
        if (arguments[2]) {
            curSelect.text = open + arguments[2] + ">" + curSelect.text + end;
        } else {
            curSelect.text = open + curSelect.text + end;
        }
    } else if (!isIE && typeof tArea.selectionStart != "undefined") {
        var selStart = tArea.value.substr(0, tArea.selectionStart);
        var selEnd = tArea.value.substr(tArea.selectionEnd, tArea.value.length);
        var curSelection = tArea.value.replace(selStart, '').replace(selEnd, '');
        if (arguments[2]) {
            tArea.value = selStart + open + arguments[2] + ">" + curSelection + end + selEnd;
        } else {
            tArea.value = selStart + open + curSelection + end + selEnd;
        }
    } else {
        tArea.value += (arguments[2])? open + arguments[2] + ">" + end : open + end;
    }
}

$(document).ready(function(){

    $("#imgs_uploads_add").click(function() {
        $("#imgs_uploads").append('<div class="blog_inp_file">'+document.getElementById('input_template').innerHTML+'</div>');
    });
    $(".post_del_img").click(function() {
        if (confirm('{j_are_you_sure}')) {
            $.get('{url_main}blogs_ajax.php?cmd=img_del&post_id={post_id}&img_id=' + $(this).attr('imgId'));
            $("#post_img_" + $(this).attr('imgId')).remove();
        }
    });
    $("#text_b").mousedown(function() { addtag('b'); });
    $("#text_i").mousedown(function() { addtag('i'); });
    $("#text_u").mousedown(function() { addtag('u'); });
    $("#text_s").mousedown(function() { addtag('s'); });
});
function on_form_submit()
{
    if($('#text').val()=='')
    {
        alert('{j_please_enter_post_text}');
        return false;
    }

    var files = $("input[name='img[]']");

    for(i=0;i<files.length;i++)
    {

       file = $("input[name='img[]']:eq("+i+")");
        if((file.val()!='')&&(file.val().indexOf('.jpg')==-1)&&(file.val().indexOf('.jpeg')==-1)&&(file.val().indexOf('.gif')==-1)&&(file.val().indexOf('.png')==-1)&&(file.val().indexOf('.JPG')==-1)&&(file.val().indexOf('.JPEG')==-1)&&(file.val().indexOf('.GIF')==-1)&&(file.val().indexOf('.PNG')==-1))
        {
            alert("{j_please_choose_only_image_files}");
            return false;
        }
    }

    $('#load_animation').css('visibility', 'visible');
    return true;

}
window.totalinputs = 3;
</script>

<div class="blogs_new_p pl_top">
    <div>
        <h1 class="blue fl_left">
            <a href=""><img class="blue" src="{my_photo}" width="26" height="29" alt=""/></a>
            <!-- begin_write -->{l_blogs_write_to_blog}<!-- end_write -->
            <!-- begin_edit -->{l_blogs_edit_blog_post}<!-- end_edit -->
        </h1>

        <div class="fl_right header_btn">
            <input class="btn_red_arrow_left js_back" type="button" value="{l_back}"/>
        </div>
    <div class="justify"></div>
    </div>
    <table class="blogs_new_tb_sub">
        <col width="7px"/>
        <col width="430px"/>
        <tr>
            <th class="th_t_l nb first">&nbsp;</th>
            <th class="th_t_c nb"><span>{l_title_message_and_images}</span></th>
            <th class="th_t_r nb first">&nbsp;</th>
        </tr>

        <tr>
            <td colspan="3" class="nb nobg_img">
            <div class="bl_blogs_new_frm">
                <form id="form_val" name="form_val" action="{url_main}blogs_write.php?id={post_id}" method="post" enctype="multipart/form-data" onsubmit="return on_form_submit()">

                    <label><strong>{l_title}</strong> {l_optional_brackets}</label>
                    <input name="subject" class="inp_mblue no_abk" type="text" value="{post_subject}" />

                    <label><strong>{l_blog_text}</strong> {l_you_may_use_links_to_images_or_video_embed_codes}</label><div class="blogs_write_textarea">
                    <textarea id="text" name="text" class="required textarea_mblue no_abk">{post_text}</textarea></div>
                    <a id="text_s">{l_blogs_write_text_symbol}</a>
                    <a id="text_u">{l_blogs_write_text_symbol}</a>
					<a id="text_i">{l_blogs_write_text_symbol}</a>
					<a id="text_b">{l_blogs_write_text_symbol}</a>

                    <div id="imgs_uploads" >
						<label><strong>{l_images}</strong> {l_optional_brackets}</label>
						<div id="input_template" class="blog_inp_file"><input type="file" id = "img" name="img[]"/></div>
						<div class="blog_inp_file"><input type="file"  name="img[]"/></div>
						<div class="blog_inp_file"><input type="file"  name="img[]"/></div>
						<div id="place" style="display: none;"></div><!-- New boxes get inserted before this -->

                    </div>
					<a href="javascript:addUploadBoxes('place', 'input_template', 1, {max_file}, false)">[+] {l_add_more_images}</a>

                    <!--<a id="imgs_uploads_add" addHtml='<input class="no_abk" type="file" name="img[]"/><br />'></a>-->
					<br /><br />
                    <div class="line_dashed"></div>

                    <!-- begin_imgs -->
                    <div>
                        <!-- begin_img -->
                        <div class="blogs_new_img" id="post_img_{img_i}">
                            <a href="#"><img src="{img_url}" width="85" height="64" alt=""/></a>
                            <div class="blogs_new_delete"><a class="post_del_img" imgId="{img_i}" href="#"><img src="{url_tmpl_main}images/blogs/ico_delete.png" width="15" height="17" alt=""/></a></div>
                        </div>
                        <!-- end_img -->
                    <div class="justify"></div>
                    </div>
                    <div class="line_dashed"></div>
                    <!-- end_imgs -->

                    <div class="fl_right" style="width: 100%;">
                        <!-- begin_delete -->
                        <a class="fl_left" onclick="return confirm('{j_delete_confirm}')" href="{url_main}blogs_blog.php?del={post_id}">{l_delete}</a>
                        <!-- end_delete -->
                        <input class="btn_blue_img fl_right" type="submit" value="{l_save_blog}"/>
                        <img class="vishide fl_right" id="load_animation" src="{url_tmpl_main}images/load_animation.gif">
                    </div>
                </form>
            </div>
            </td>
        </tr>

        <tr>
            <th class="th_b_l nb">&nbsp;</th>
            <th class="th_b_c nb">&nbsp;</th>
            <th class="th_b_r nb">&nbsp;</th>
        </tr>

    </table>

</div>


{blogs_side}
{blogs_footer}
{footer}