اريد رفع اكثر من صورة بداخل الخبر .... هل هناك احد يساعدني فى الكود

السلام عليكم اخواني الافاضل لدي صفحة اضافة خبر فيها استعراض صورة واحدة فقط انا اريد ان اضيف استعراض الي مالا نهايه يعني 20 او 30 صورة مثلا بس اضغط رفع صورة اخرى يظهر واحد جديد وهكذا ويترفعو كلهم فى القاعدة مع الخبر

فكيف يكون ذلك علما بان الكود الخاص بي هوا الاتى وهوا ما اريد التعديل ان يتم عليه

صفحة ادخال الخبر

 

<script type="text/javascript">
count=1;
function add_file_field()
{
if(count<10)
{
var container=document.getElementById('file_container');
var file_field=document.createElement('input');
file_field.name='files[]';
file_field.type='file';
file_field.class='TEXTPUT3';
container.appendChild(file_field);
var br_field=document.createElement('br');
container.appendChild(br_field);
count++;
}
}

</script>


<?
                    $picat=time();
                    $upload_dir = "pic/";
                    $upload_url = $url_dir."pic/";
                    $temp_name = $_FILES['pic']['tmp_name'];
                    $file_name = $_FILES['pic']['name'];
                    $file_name = str_replace("\\","",$file_name);
                    $file_name = str_replace("'","",$file_name);
                    $ext=strstr($file_name,'.');
                    $picu="tmp_".$picat.$ext;
                    $file_path = $upload_dir.$picu;
                    $ext = str_replace(".","",$ext);
                    if($ext=='jpg' || $ext=='JPG' || $ext=='gif' || $ext=='GIF' || $ext=='png' || $ext=='PNG' || $ext=='bmp' || $ext=='BMP' )                    {
                    move_uploaded_file($temp_name, $file_path);
                    $picu=$picu;
                    $fsize=filesize("$file_path");
                    }
if($_POST['do']=="add_news")
$insert="insert into news (name_news,note,picat) values ('$name_news','$note','$picu')";
$Result=mysql_query($insert);
if($Result)

{
echo "<script>alert('تم اضافة الخبر')</script>";
}
?>


<FORM name=send  action="" method=post enctype="multipart/form-data">
<INPUT type=hidden value=add_news name=do>
<table border="1" width="100%">
    <tr>
        <td colspan="2">العنوان</td>
        <td>
<input class=TEXTPUT name="name_news" size="39" dir="rtl" ></td>
    </tr>
    <tr>
        <td colspan="2">الصورة الاساسية</td>
        <td>
<input class=TEXTPUT type="file" name="pic" size="24"  ></td>
    </tr>
    <tr>
        <td>الصور الاضافية</td>
        <td>&nbsp;<a href="javascript:void(0);" onClick="add_file_field();">اضافة صوة اخرى</a> </td>
        <td>    <div id="file_container">
    <input class=TEXTPUT name="files[]" type="file" id="file[]" />
<br />
    </div>
</td>
    </tr>
    <tr>
        <td colspan="2">التفاصيل</td>
        <td>
<textarea rows="4" name="note"  cols="25" ></textarea></td>
    </tr>
</table>
</form>

انا اريدة نفس الكود لكن معدل لكي يتم رفع اكثر من صورة مع الخبر لنقل مثلا 20 لكن لا يكونو كلهم ظاهرين عند الضغط على رفع صورة اخرى فقط مثلا

ملف جدول القاعدة
 

CREATE TABLE `news` (
  `news_id` int(11) NOT NULL auto_increment,
  `name_news` varchar(300) NOT NULL,
  `note` varchar(255) NOT NULL,
  `picat` varchar(255) default '',
 
  PRIMARY KEY  (`news_id`)
) ENGINE=MyISAM  DEFAULT CHARSET=cp1256 AUTO_INCREMENT=102 ;