Перенести функцию в форму

[Predator199]

Помогите пожалуйста с 1-ой формы, перенести функцию на 2.

1 форма где функция копирует название загружаемого файла в текстовое поле.

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
 <script type="text/javascript">    
function  copyfileName() {
        var name;
        var file = document.upload.elements["file"];
        var file_name = document.upload.elements["fileName"];
        var alt = document.upload.elements["short_story"];
          file_name.value = file.value;
          name = file_name.value.slice(file_name.value.lastIndexOf("\\")+1);
       alt.value = alt.value+"[img]"+name+"[/img]".replace(/|/g,"");

    }          
     
</script>   
<form method="post" action="" name="upload" target="hiddenframe" enctype="multipart/form-data"  onsubmit="hideBtn();" >         
<input type="text"   name="fileName"  class="f_input" /> 
<input type="file"  name="file"  onchange="javascript: copyfileName()" /> 
<textarea type="text" name="short_story" id="short_story" onclick=setFieldName(this.name)  style="width:99.6%; color: #BEBEBE; border-top: 2px solid #BEBEBE; " rows="8" class="blok_fon1" >{full-story}</textarea>       
</form>   

Вторая форма загрузки файла на jaix

<style type="text/css">                   
#upload{
	margin:30px 200px; padding:15px;
	font-weight:bold; font-size:1.3em;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	background:#f2f2f2;
	color:#3366cc;
	border:1px solid #ccc;
	width:150px;
	cursor:pointer !important;
	-moz-border-radius:5px; -webkit-border-radius:5px;
}
.darkbg{
	background:#ddd !important;
}
#status{
	font-family:Arial; padding:5px;
}
ul#files{ list-style:none; padding:0; margin:0; }
ul#files li{ padding:10px; margin-bottom:2px; width:200px; float:left; margin-right:10px;}
ul#files li img{ max-width:180px; max-height:150px; }
.success{ background:#99f099; border:1px solid #339933; }
.error{ background:#f0c6c3; border:1px solid #cc6622; }     
</style> 
<script type="text/javascript" src="{THEME}/js/jquery-1.3.2.js" ></script>
<script type="text/javascript" src="{THEME}/js/ajaxupload.3.5.js" ></script>
<script type="text/javascript" >
	$(function(){
		var btnUpload=$('#upload');
		var status=$('#status');
		new AjaxUpload(btnUpload, {
			action: 'upload-file.php',
			name: 'uploadfile',
			onSubmit: function(file, ext){
				 if (! (ext && /^(jpg|png|jpeg|gif)$/.test(ext))){ 
                    // extension is not allowed 
					status.text('Only JPG, PNG or GIF files are allowed');
					return false;
				}
				status.text('Uploading...');
			},
			onComplete: function(file, response){
				//On completion clear the status
				status.text('');
				//Add uploaded file to list
				if(response==="success"){
					$('<li></li>').appendTo('#files').html('<img src="./uploads/'+file+'" alt="" /><br />'+file).addClass('success');
				} else{
					$('<li></li>').appendTo('#files').text(file).addClass('error');
				}
			}
		});
		
	});
</script>
<div id="mainbody"> 
<div id="upload" ><span>Upload File<span></div>
<span id="status" ></span>
<ul id="files" ></ul>

Все что пробывал, все в пустою