<SCRIPT language="Javascript">

noOnClick = 0;

submittedPic = 0;

function picSubmit(error) {
	if (error) {
		document.getElementById('i' + (submittedPic - 1)).className = 'picError';
		alert(error);
	}
	
	if ((submittedPic == 8) || (!document.getElementById('f' + submittedPic)) || (!document.getElementById('f' + submittedPic).value)) {

		document.location = 'index.php?page=upload';
		return false;
	}
	
	for (i = 0; i < 8; i++) {
		elp = document.getElementById('p' + i);
		elf = document.getElementById('f' + i);
		eli = document.getElementById('i' + i);
		
		if (!elp) continue;
		
		if (i == submittedPic) {
			elp.className = 'pRow';
			elf.disabled = false;
			eli.className = 'picCurrent';
		} else {
			if (i < submittedPic && eli.className != 'picError') 
				eli.className = 'picDone';
			elp.className = 'pRowDisabled';
			elf.disabled = true;
		}
	}
	//document.getElementById('i'+submittedPic).src = 'file://'+document.getElementById('f').value;
	disableSubmit('id_submit');
	submittedPic++;
	if (submittedPic)
		document.form.submit();
	
	return true;

}

function disableUnused() {
	var stop = false;
	for (i = 0; i < 8; i++) {
		elf = document.getElementById('f' + i);
		if (!elf) return false;
		elf.disabled = stop;
		stop = (!elf.value);
	}
}

function loadPics() {
	if (noOnClick)
		return;
	for (i = 0; i < 8; i++) {
		if (!document.getElementById('f' + i)) return false;
		if (document.getElementById('f' + i).value) {
			document.getElementById('i' + i).src = 'file://' + document.getElementById('f' + i).value;
		}
	}
	disableUnused();
}


function loadPic(el) {
	if (el.value) {
		document.getElementById('i' + el.id.substr(1, 1)).src = 'file://' + el.value;
	}
	noOnClick = 1;
	disableUnused();
}

onload=disableUnused;
onclick=loadPics;

</SCRIPT>

<?

//Hier Zählen wir die Dateien. (-1 weil das Array bei [0] beginnt!) 
   
   $count = (count ($_FILES["file"]["name"]))-1; 
    
   //Die Schleife um alle Dateifelder zu durchlaufen 
   for ($i = 0; $i <= $count; $i++) 
   { 
    //Um Datei Nr. 1, Datei Nr. 2, usw anzeigen zu können! 
    $a = $i + 1; 
    //Falls kein Error besteht! 
    if ($_FILES["file"]["error"][$i] == 0) 
    { 
     //Falls die Dateien hochgeladen werden konnten 
     if (move_uploaded_file 
        ( 
         $_FILES["file"]["tmp_name"][$i], 
         $upload_dir . "../upload" . $_FILES["file"]["name"][$i]) 
        ) 
      echo "Die Datei Nr. $a wurde erfogreich hochgeladen!
\n"; 
     else 
      echo "Fehler beim Hochladen der Datei Nr. " . $a . "!
\n"; 
    } 
    else 
     echo "Datei Nr. $a Fehler: keine Datei ausgewählt\n
"; 
   }  

?>

<TABLE WIDTH="100%">
<FORM name="upload" method="post" action="index.php?page=upload" onsubmit="return picSubmit('')">
<input type="hidden" name="max_file_size" value="500000">	

<?php     


for ($i=0; $i <= 7; $i++) 
    { 
          
	echo "<TR><TD class=pRow id=p$i>";
      	echo "<input onchange=\"loadPic(this)\" class=inputfile name=\"file[]\" id=f$i type=file size=27 maxlength=500000 accept=\"image/*\">";
	echo "</TD><TD class=iRow WIDTH=100>";
	echo "<IMG SRC=images/nopic.gif WIDTH=60 id=i$i class=pic>";
      	echo "</TD></TR>"; 
}
 
?> 

	</TD></TR><TR><TD COLSPAN=2 ALIGN=center>

	<INPUT TYPE="SUBMIT" VALUE="Alle Bilder hochladen" id="id_submit" name="B1" STYLE="WIDTH:188;HEIGHT:20">
	</TD></TR></FORM>
</TABLE>