{header}
<style>
table.tb_groups_frm .ABKFileLeft {width:auto;}
</style>

<script type="text/javascript">
$(document).ready(function(){
    {alert_script}
});
</script>	
<script Language="JavaScript" type="text/javascript">
function on_form_submit()
{
    if(($('input[name="image_1"]').val() == "") && ($('input[name="image_2"]').val() == "") && 
            ($('input[name="image_3"]').val() == "") && ($('input[name="image_4"]').val() == ""))
    {
        alert('{l_please_select_a_photos}');
        return false;
    }
    for(var i = 1; i <= 4; i++)
    {
        var ext = $('input[name="image_'+i+'"]').val();
        if(ext != "")
        {
            ext = ext.substring(ext.length-4,ext.length);
            ext = ext.toLowerCase();
            if(ext != '.jpg' && ext != '.gif' && ext != '.png' && ext != 'jpeg') {
                alert('{l_wrong_photo_types}');
                return false; 
            }
        }
    }
  $('#load_animation1').css('visibility', 'visible');
    return true;
}
</script>
    <div class="groups">
		{groups_header}
        <table class="tb_groups">
            <tr>
                <!-- td_main -->
                <td class="td_main">
        
                   {groups_group_show}
                
                    <div class="groups_shadow"><img src="{url_tmpl_main}images/groups/shadow.png" width="446" height="51" alt=""/></div>
                   <div class="groups_p pl_top_m">
                        <h1>{l_groups_add_images_to} {group_title}</h1>
                        <form id="musician_edit_form" method="POST" action="{url_main}groups_group_add_photos.php?cmd=save&group_id={group_id}" enctype="multipart/form-data" onsubmit="return on_form_submit()">
                        <div class="bl_groups_frm">
                        <table class="tb_groups_frm">
                            <tr>
                                <th>{l_groups_files}:</th>
                                <td>
                                    <input size="3" class="inp_file" type="file" name="image_1"/>
                                </td>
                            </tr>
                            <tr>
                                <th>&nbsp;</th>
                                <td>
                                    <input size="3" class="inp_file" type="file" name="image_2"/>
                                </td>
                            </tr>
                            <tr>
                                <th>&nbsp;</th>
                                <td>
                                    <input size="3" class="inp_file" type="file" name="image_3"/>
                                </td>
                            </tr>
                            <tr>
                                <th>&nbsp;</th>
                                <td>
                                    <input size="3" class="inp_file" type="file" name="image_4"/>
                                </td>
                            </tr>
                        </table>
                        </div>
                        <div class="groups_shadow"><img src="{url_tmpl_main}images/groups/shadow.png" width="454" height="52" alt=""/></div>
                        <div class="groups_p_btn fl_right">
                            <img style="visibility:hidden;" id="load_animation1" src="{url_tmpl_main}images/load_animation.gif"><div class="groups_input1 fl_right "><input type="submit" value="{l_groups_upload_pics}"/></div>
                        </div>
                        </form>
                   </div>
                    <div class="groups_empty"></div>
                </td>
                <!-- /td_main -->
                <td class="td_narrow">
				{groups_group_member_list}
				{groups_group_forum_list_sidebar}
				</td>
            </tr>
        </table>
        <div class="groups_foot">
            <table>
                <tr>
                    <td class="td_l">&nbsp;</td>
                    <td class="td_c">&nbsp;</td>
                    <td class="td_r">&nbsp;</td>
                </tr>
            </table>
        </div>
    <div class="decor_top"></div>
    </div>

{footer}