{header}
<div class="wrapper-wide">
<div class="userinfo-c-wide">
<div class="userinfo">	

<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="music_new">

		{music_header}

        <table class="tb_music_new">
            <tr>
                <!-- td_main -->
                <td class="td_main">

                    {music_song_show}

                    <div class="music_new_shadow"><img class="png" src="{url_tmpl_main}images/music/shadow.png" width="456" height="52" alt=""/></div>

                    <form id="song_edit_form" method="POST" action="{url_main}music_song_add_photos.php?cmd=save&song_id={song_id}" enctype="multipart/form-data" onsubmit="return on_form_submit()">
                    
                    <div class="music_new_p pl_top_m">
                        <h1 class="pink2">{l_add_images_to} {song_title}</h1>

                        <div class="bl_music_new_frm">
                        <table class="tb_music_new_frm">
                            <tr>
                                <th>{l_files}:</th>
                                <td class="music_inp_file">
                                     <input size="3" class="inp_file" type="file" name="image_1" />								
                                </td>
                            </tr>
                            <tr>
                                <th>&nbsp;</th>
                                <td class="music_inp_file">
                                    <input size="3" class="inp_file" type="file" name="image_2"/>
                                </td>
                            </tr>
                            <tr>
                                <th>&nbsp;</th>
                                <td class="music_inp_file">
                                    <input size="3" class="inp_file" type="file" name="image_3"/>
                                </td>
                            </tr>
                            <tr>
                                <th>&nbsp;</th>
                                <td class="music_inp_file">
                                    <input size="3" class="inp_file" type="file" name="image_4"/>
                                </td>
                            </tr>

                        </table>
                        </div>
                        <div class="music_new_shadow"><img class="png" src="{url_tmpl_main}images/music/shadow.png" width="456" height="52" alt=""/></div>

                        <div class="music_new_p_btn fl_right">
                            <img align=middle style="visibility:hidden; margin-top: -4px;" id="load_animation1" src="{url_tmpl_main}images/load_animation.gif">
                            <input class="btn_pink_img" type="submit" value="{l_upload_pics}"/>
                        </div>

                    </div>

                    <div class="music_new_empty"></div>
                    
                    </form>

                </td>
                <!-- /td_main -->

				{music_sidebar}
				
            </tr>
        </table>

        <div class="music_new_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>



</div>
<br>
<div class="userinfo-links-wide"></div>
</div>
</div>
{footer}