var pannel = new Array();
pannel[1] = new Array();
pannel[2] = new Array();
pannel[3] = new Array();
pannel[4] = new Array();

function add2pannel(pannelnr, pannelid) {
	pannel[pannelnr].push(pannelid);
	//alert(pannel[pannelnr].length);
	
	//Set 1st Entry to "visible"
	//document.getElementById(pannel[pannelnr][0]).style.display = "block";
	
	//update Diver-Icons
	//alert(pannelid);
	//document.getElementById("divers-" + pannelid).innerHtml = 'test';
}

function updatePannels() {
	for(var pid = 1; pid < 5; pid++) {
	
		for (var i = 0; i < pannel[pid].length; i++){
			strdivers = '';
			for (var z = 0; z < pannel[pid].length; z++){
		  		if (pannel[pid][i] == pannel[pid][z]) strdivers += '<img src="/fileadmin/templates/tsk/pics/diver-act.png">';
		  		if (pannel[pid][i] != pannel[pid][z]) strdivers += '<img src="/fileadmin/templates/tsk/pics/diver.png" onClick="switchPannel(\'' + pannel[pid][i] + '\',\'' + pannel[pid][z] + '\');" style="cursor: pointer;">';
			}
			//alert('pid: ' + pid + ', i: ' + i);
			//alert(document.getElementById("divers-" + pannel[pid][i]).innerHTML);
			document.getElementById("divers-" + pannel[pid][i]).innerHTML = strdivers;
		}
	
		//Activate 1 Pannel
		if(pannel[pid].length > 0) { 
			rid = Math.round((pannel[pid].length-1)*(Math.random()));
			//alert(rid);
			if (pid == 2) {
				document.getElementById(pannel[pid][0]).style.display = "block";
			} 
			else if (pid == 1) {
				document.getElementById(pannel[pid][1]).style.display = "block";
			}	
			else {
				document.getElementById(pannel[pid][rid]).style.display = "block";
			}
			
		}
		
		//alert();
	}
}

function switchPannel(frompannel, topannel) {
	//alert('switch from ' + frompannel + ' to ' + topannel);
	document.getElementById(frompannel).style.display = "none";
	document.getElementById(topannel).style.display = "block";
}