{header}
<script language="javascript" type="text/javascript" src="../_server/jquery/jquery-migrate-1.2.1.min.js{cache_version_param}"></script>
<style>
    #ui-datepicker-div {display: none;}
</style>
<div class="block_narrow">
    <ul class="lmenu_lgreen">
        <li class="active"><a href="{url_main}administration/events_events.php">{l_menu_events}</a></li>
        <li><a href="{url_main}administration/events_event_comments.php">{l_menu_event_comments}</a></li>
        <li><a href="{url_main}administration/events_categories.php">{l_menu_categories}</a></li>
        <li><a href="{url_main}administration/events_category_add.php">{l_menu_categories_add}</a></li>
    </ul>
</div>

<script Language="JavaScript" type="text/javascript">

$(document).ready(function(){
    $(document).ready(function(){
    $("#event_date").datepicker({ maxDate: "+10y" });
    $("#event_time").timeEntry({show24Hours: true, spinnerImage: ''});
});
    $("#event_edit_form").validate({
        rules: {
            event_title: "required",
            event_description: "required",
            event_date: "required",
            event_time: "required",
        },
        messages: {
        	event_title: "{l_please_specify_title}",
                event_date: "{l_please_specify_date}",
                event_time: "{l_please_specify_time}",
        	event_description: "{l_please_enter_text}",
        }
    })
});

</script>

<div class="block_main">
    <h2>{l_title_current} - {event_title}</h2>

    <div class="bl_form">

        <form method="POST" id="event_edit_form" action="{url_main}administration/events_event_edit.php?cmd=update&event_id={event_id}">
        <label>{l_event_title}:</label>
        <input type="text" name="event_title" value="{event_title}">

        <label>{l_event_description}:</label>
        <textarea name="event_description" id="event_description" class="textarea_small">{event_description}</textarea>
        <label>{l_event_date}:</label>
        <input type="text" class="event_date" id="event_date" name="event_date" value="{event_date}">
        <label>{l_event_time}:</label>
        <input  id="event_time" autocomplete=off name="event_time" type="text" value="{event_time}"/>
        <!-- begin_event_private_off -->
        <label>{l_country}:</label>
        <select class="input" name="country" id="country" onchange="xajax_states(country.value)">
        {country_options}
        </select>

        <label>{l_state}:</label>
        <select class="input" name="state" id="state" onchange="xajax_cities(state.value)">
        <option value="-1">- {l_state_province} -</option>
        {state_options}
        </select>

        <label>{l_city}:</label>
        <select class="input" name="city" id="city">
        <option value="-1">- {l_city} -</option>
        {city_options}
        </select>
        <label>{l_category}:</label>
        <select name="category" class="input">
        {category_options}
        </select>
        <label>{l_event_address}:</label>
        <input type="text" name="event_address" value="{event_address}">

        <label>{l_event_place}:</label>
        <input type="text" name="event_place" value="{event_place}">

        <label>{l_event_site}:</label>
        <input type="text" name="event_site" value="{event_site}">

        <label>{l_event_phone}:</label>
        <input type="text" name="event_phone" value="{event_phone}">

        <div style="height:20px"></div>
        <!-- end_event_private_off -->
        <h2>{l_edit_photos}</h2>

<div style="width: 100%; ">
        <!-- begin_photo_edit -->

<script type="text/javascript">

$(document).ready(function() {
    create_gallery()
});

function create_gallery()
{
    $('.edit_image_gallery').lightBox({
        imageLoading:           '{url_tmpl_administration}images/lightbox-ico-loading.gif',
        imageBtnPrev:           '{url_tmpl_administration}images/lightbox-btn-prev.gif',
        imageBtnNext:           '{url_tmpl_administration}images/lightbox-btn-next.gif',
        imageBtnClose:          '{url_tmpl_administration}images/lightbox-btn-close.gif',
        imageBlank:             '{url_tmpl_administration}images/lightbox-blank.gif'
        });
}

function edit_delete_image(image_id)
{
    if(confirm('{l_this_action}'))
    {
        $('#edit_image_' + image_id).fadeOut(400, function() {
            $('#edit_image_' + image_id).remove();
            create_gallery();
            $.ajax({
                    type: 'POST',
                    url: '{url_main}administration/events_event_image_delete_ajax.php',
                    data: {
                        image_id: image_id
                        }
                  });
            });
    }
}

</script>


            <!-- begin_photo-->
            <div style="width:24%;float: left;" id="edit_image_{image_id}">
                <a class="edit_image_gallery" href="{image_file}"><img src="{image_thumbnail}"></a>
                <p><a style="cursor: pointer;" onClick="return edit_delete_image({image_id});">{l_delete}</a></p>
                <!-- begin_photo_odd-->
                <!-- end_photo_odd-->
                <!-- begin_photo_even-->
                <!-- end_photo_even-->
                <div style="height:15px"></div>
            </div>
            <!-- end_photo-->
        <!-- end_photo_edit -->
        </div>

        <div class="clear" style="height:0px"></div>

        <div class="wrap_button fl_right">
            <button class="button submit" type="submit">{l_save_changes}</button>
            <div class="button_submit_instruction">{l_or_use_ctrl_s}</div>
        </div>
        </form>
    </div>

    <div class="empty"></div>
</div>
{footer}