Создание многостраничной формы

<script>
        function getName (str){
    if (str.lastIndexOf('\\')){
        var i = str.lastIndexOf('\\')+1;
    }
    else{
        var i = str.lastIndexOf('/')+1;
    }                       
    var filename = str.slice(i);            
    var uploaded = document.getElementById("fileformlabel");
    uploaded.innerHTML = filename;
    }
    </script>

<script type="text/javascript">
var total = 0;
function add_new_image(){
   total++;
   $('<tr>')
   .attr('id','tr_image_'+total)
   .css({lineHeight:'20px'})
   .append (
       $('<td>')
       .attr('id','td_title_'+total)
       .css({paddingRight:'5px',width:'200px'})
       .append(
           $('<input type="text" />')
           .css({width:'200px'})
           .attr('id','input_title_'+total)
           .attr('name','input_title_'+total)
       )                             
 
    )
    .append(
        $('<td>')
        .css({width:'60px'})
        .append(
           $('<span id="progress_'+total+'" class="padding5px"><a href="#" onclick="$(\'#tr_image_'+total+'\').remove();" class="ico_delete"><img src="delete.png" alt="del" border="0"></a></span>')
         )
     )
     .appendTo('#table_container');                
}
$(document).ready(function() {
    add_new_image();
});
</script>

.append(
   $('<td>')
   .attr('id','td_ name_'+total)
   .css({paddingRight:'5px',width:'200px'})
   .append(
       $('<input type="text" />')
       .css({width:'200px'})
       .attr('id','name_'+total)
       .attr('name','name_'+total)
    )                             
)

    function getName (str){
    if (str.lastIndexOf('\\')){
        var i = str.lastIndexOf('\\')+1;
    }
    else{
        var i = str.lastIndexOf('/')+1;
    }                       
    var filename = str.slice(i);            
    var uploaded = document.getElementById("fileformlabel");
    uploaded.innerHTML = filename;
    }