var maxfiles = 10;

 var maxchars = 55;

 var files = new Array();

 var str = '';
 var r = 10;
var i;
 for (i=0; i<=maxfiles; i++)

 {

   files[i]='';

 }

 

 function addform(i)

 {

 	id=i+1;		

  	for (a=1; a<=maxfiles; a++)

  	{

  	  var file=document.getElementById('span'+a);

  	  file.style.display='none';

  	}



  	for (a=1; a<=maxfiles; a++)

  	{

  	  var file=document.getElementById('file'+a);

  	  if(file.value=='')

  	  {

  	    var file=document.getElementById('span'+a);  	   

  	    file.style.display='inline';

  	    break

  	  }

  	}

 }

 

 function addfile(file)

 {

   filepath=file;

   if (file.length > maxchars)

   {

     d=file.length-55;

     str=file.substr(0,d);

     file='...'+file.replace(str, '');

   }

   for (i=1; i<=maxfiles; i++)

   {     

     if (files[i]=='')

	 {

	   if(i%2)

	   files[i]='<tr id="row'+i+'" class="tint"><td width="450" height="18" align="left">'+file+' </td><td><a class="close" id="'+i+'" href="#" onclick="removefile('+i+')">&nbsp;&nbsp;&nbsp;&nbsp;</a></td></tr>';

	   else

	   files[i]='<tr id="row'+i+'" class="notint"><td width="450" height="18" align="left">'+file+' </td><td><a class="close" id="'+i+'" href="#" onclick="removefile('+i+')">&nbsp;&nbsp;&nbsp;&nbsp;</a></td></tr>';

	   addform(i);	   

	   r--;	   

	   if(r>0)

	   document.getElementById('guide').innerHTML='U kunt nog '+r+' bestanden kiezen.';

	   else

	   document.getElementById('guide').innerHTML='U heeft al '+maxfiles+' bestanden gekozen.';

	   break

	 }	

   }

   document.getElementById('fileselection').innerHTML = '<table class="list">'+files.join('')+'</table>';

 }

 

 function removefile(i)

 {
   files[i]='';

     document.getElementById('span'+i).innerHTML='<input name="file'+i+'" type="file" id="file'+i+'" onchange="addfile(this.value)" size="40" />';
   

   addform(i-1);

   document.getElementById('fileselection').innerHTML = '<table class="list">'+files.join('')+'</table>';

   r++;
   

   if(r>0)

   document.getElementById('guide').innerHTML='U kunt nog '+r+' bestanden kiezen.';

   else

   document.getElementById('guide').innerHTML='U heeft al '+maxfiles+' bestanden gekozen.';
   

   if(r==maxfiles)

   document.getElementById('guide').innerHTML='Kies een bestand:'; 
   
   var c='tint';

   for(i=1; i<=maxfiles; i++)

   {

     if(files[i]!='')

	 {

	   document.getElementById('row'+i).className=c;

	   if(c=='notint')

	   c='tint';

	   else

	   c='notint';

	 } 

   }

 } 

 

 function swapzipname()

 {

   if(document.getElementById('zipnamecontainer').style.display=='inline')

   document.getElementById('zipnamecontainer').style.display='none';

   else

   document.getElementById('zipnamecontainer').style.display='inline';

 }

 

 if (document.images)

 {

   var image=new Image(43,11);

   image.src="images/loader.gif";

   var image=new Image(18,18);

   image.src="images/remove.png";
   
   var image=new Image(18,18);

   image.src="images/remove_hover.png";
 }