<style type="text/css">
#show {
float:left;
}
</style>
<script type="text/javascript">
var freund = new Array();

freund[0] = new Object();
freund[0]["nick"] = "hijackt";
freund[0]["bildurl"] = "ENDE";

freund[1] = new Object();
freund[1]["nick"] = "Schulze";
freund[1]["Vorname"] = "Frauke";
freund[1]["Wohnort"] = "ENDE";

freund[2] = new Object();
freund[2]["nick"] = "Schulze";
freund[2]["nick"] = "ENDE";

freund[3] = new Object();
freund[3]["nick"] = "Schulze";
freund[2]["nick"] = "ENDE";

freund[4] = new Object();
freund[4]["nick"] = "Schulze";

freund[5] = new Object();
freund[5]["nick"] = "Schulze";

freund[6] = new Object();
freund[6]["nick"] = "Schulze";

function tim(str) {
var i2 =0;
document.getElementById('need').innerHTML = "<table border=\"1px\"><tr>";
for (var i = 0; i < freund.length; i++) {
	if(i < str-1 || str=="all") { // unter 4 1
		   document.getElementById('need').innerHTML = document.getElementById('need').innerHTML+"<td>";
		  
		  for (var Eigenschaft in freund[i])
			 document.getElementById('need').innerHTML = document.getElementById('need').innerHTML+"" + Eigenschaft + " " + freund[i][Eigenschaft]; 
				  } 
				   document.getElementById('need').innerHTML = document.getElementById('need').innerHTML+"</td>";
	
	i2++;
   if ((i2 % 4) == 0) {document.getElementById('need').innerHTML = document.getElementById('need').innerHTML+i2+"<tr></tr>";}
}// unter 4 2 
document.getElementById('need').innerHTML = document.getElementById('need').innerHTML+"</tr></table>";
}
</script>
<div id="need" onClick="tim('all');">freunde</div>
<span id="show">test</span>

<table border="1px"><tr><td>nick hijacktbildurl ENDE</td><td>nick SchulzeVorname FraukeWohnort ENDE</td><td>nick ENDE</td><td>nick Schulze</td>4<tr></tr><td>nick Schulze</td><td>nick Schulze</td><td>nick Schulze</td></tr></table>