function uploadfile(name,showinput,showfile,leftwidth,extstr)
{
    var file=document.createElement("input"); 
    file.type = "file";
    file.id = name;
	file.name=name;
    file.hideFocus = true;
    file.size = 1;
	file.style.cssText = "cursor:pointer; width:80px; border:none; height:22px;_height:20px; padding:0px; margin:0px;margin-top:-22px;opacity:0;filter:alpha(opacity=0);font-size:20px; margin-left:-84px;";
    file.onchange = function ()
    {
	basename=$(name).value.substring($(name).value.lastIndexOf("\\")+1,$(name).value.length);
	ext=basename.substring(basename.lastIndexOf(".")+1,basename.length);
	ext=ext.toLowerCase();
	
	if(extstr){
		extarr=extstr.split(',');
		if(!in_array(ext,extarr)){
			file.remove();
			alert('Electronic signature is restricted to '+extstr+' format.');
			return false;
		}
	}
	
	$(showfile).innerHTML = basename + "&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span onclick=\"$('"+name+"').remove();\" style=\"cursor:pointer;color:red;\"><img src='images/remove.gif' border='0'> Remove</span><br><br>";
    };
	
	
	file.remove = function ()
    {
		$(showinput).removeChild($(name));
		if(!$(name))uploadfile(name,showinput,showfile,leftwidth,extstr);
		$(showinput).appendChild($(name));
		$(showfile).innerHTML='';
	}
	
	
	//document.body.onload = function (){file.onchange();}
	
	$(showinput).appendChild(file);
}




/*


<div id="input_hidden_1" style="width:80px; height:20px;margin:0px;margin-bottom:10px;cursor:pointer; "><input name="button" type="button" class="bt" value="Attachment"/></div>
<div id="file_show_1"></div>
<script>uploadfile('Attachment_1','input_hidden_1','file_show_1');</script>


*/