var currentFile = 0;
  var filesCount = 0;
  
  function changeFile(id) {
  	if (filesCount >= 5) return false;
  	
    var element = document.getElementById('selectedFile'+id);
    var fileName = document.getElementById('upfile_'+id).value;
    var fileInputBox = document.getElementById('fileInputBox'+id);
    var ext = fileName.substr(fileName.lastIndexOf('.') + 1, 4);
    ext = ext.toLowerCase();
    var extension = new Array("avi", "bz2", "c", "cpp", "doc", "exe", "gif", "gz", "html", "img", "jpeg", "jpg", "js", "mp3", "mpeg", "mpg", "msi", "nfo", "pdf", "php", "png", "ppt", "psd", "rar", "rtf", "swf", "txt", "wav", "wma", "wmv", "xls", "zip");
	if (extension.indexOf(ext) > 0) {}
	else {ext = 'unknown';}
    
    element.style.paddingLeft = '25px';
    element.style.background = 'url(../images/icons/' + ext + '.png) no-repeat 3px 2px';
    var filteredName = fileName.substr(fileName.lastIndexOf('/') + 1);
    filteredName = fileName.substr(fileName.lastIndexOf('\\') + 1);
    if (filteredName.length > 30)
      filteredName = filteredName.substr(0, 30) + ' ...'; 
    element.innerHTML = filteredName;
    
    
    document.getElementById('files').style.display = 'block';
    var para = document.createElement('p');
    para.innerHTML = filteredName + '<img src="/images/cross.gif" class="deleteFileIco" onclick="deleteFile('+currentFile+');"/>';
    para.className = 'filePara';
    para.id = 'para_' + currentFile;
    para.style.background = 'url(../images/icons/' + ext + '.png) no-repeat 3px 2px';
    document.getElementById('files').insertBefore(para, document.getElementById('para_' + currentFile));
    
    currentFile++;
    addSlot();
    filesCount++;
  }

  function deleteFile(id) {
  	
  	var remove = document.getElementById('para_' + id);
  	var remove2 = document.getElementById('con' + id);

  	var old = document.getElementById('files');
  	var old2 = document.getElementById('upload_slots');
    //remove.outerHTML = '';
    //remove2.outerHTML = '';
  	old.removeChild(remove);
  	old2.removeChild(remove2);
  	/*filesCount -= 1;
  	if (filesCount == 0) {
  		document.getElementById('files').style.display = 'none';
  	}*/
  	max_upload_slots++;
  }
  
  function changeAsc() { 
  	if (document.getElementById('hiddenAsc').value == 'ASC') 
  		document.getElementById('hiddenAsc').value = 'DESC';
  	else
  		document.getElementById('hiddenAsc').value = 'ASC';
  }
  
  function addSlot() {
    
  	var element = document.createElement('div');
  	element.id = 'con' + currentFile;
  	element.className = 'con';
  	
  	var input = document.createElement('div');
  	input.id = 'fileInputBox' + currentFile;
  	
  	var button = document.createElement('div');
  	button.className = 'button btn2';
  	
  	var browse = document.createElement('a');
  	browse.href = 'javascript:void(0);';
  	browse.id = 'browseFile' + currentFile;
  	var left = document.createElement('span');
  	left.className = 'left';
  	var center = document.createElement('span');
  	center.className = 'center smaller';
  	center.style.fontSize = '11px';
  	center.innerHTML = 'Vybrat';
  	var right = document.createElement('span');
  	right.className = 'right';
  	
  	button.appendChild(browse);
  	button.appendChild(left);
  	button.appendChild(center);
  	button.appendChild(right);
  	
  	var sel = document.createElement('div');
  	sel.className = 'selectedFile';
  	sel.id = 'selectedFile' + currentFile;
  	sel.innerHTML = 'není vybrán soubor';
  	
  	var wrap = document.createElement('div');
  	wrap.className = 'inputWrapper';
  	
  	
  	wrap.innerHTML = '<input type="file" id="upfile_'+currentFile+'" name="upfile_'+currentFile+'" size="35" class="jsuFileInput" onchange="changeFile('+currentFile+');"/>';
  	
  	input.appendChild(button);
  	input.appendChild(sel);
  	input.appendChild(wrap);
  	
  	element.appendChild(input);
  	var parent = document.getElementById('upload_slots');
  	var before = document.getElementById('con' + (currentFile - 1));
  	
  	parent.insertBefore(element, before);
  	document.getElementById('con' + (currentFile - 1)).style.display = 'none';
	//alert(document.getElementById('upload_slots').innerHTML);
  }