//Helfermethode um Arrays zufällig zu sortieren
Array.prototype.randomize = function() {
	var i = this.length;
	if (i == 0) 
		return;
	while (--i) {
		var j = Math.floor(Math.random()*(i+1));
		var tmp1 = this[i];
		var tmp2 = this[j];
		this[i] = tmp2;
		this[j] = tmp1;
	}
	return this;
}
 //Script wird aktiv wenn Seite geladen ist
 Event.observe(window,'load',function() {
	//Mitarbeiter-Bilder in ein Array einlesen
	bilder=$A($$('#mitarbeiter img'));
	
	for(var x=0; x<bilder.length; x++)		// tags hinzufügen um das doppelte Anzeigen von Bildern zu verhindern
	{
		if(x<6){
			bilder[x].writeAttribute('used', 'used');
		}
		else
		{
			bilder[x].writeAttribute('used', 'unused');
		}
	}
	
	//dynamische Ansicht aufbereiten	
	
	$('mitarbeiter_1').writeAttribute('src', bilder[0].src);
	$('mitarbeiter_2').writeAttribute('src', bilder[1].src);
	$('mitarbeiter_3').writeAttribute('src', bilder[2].src);
	$('mitarbeiter_4').writeAttribute('src', bilder[3].src);
	$('mitarbeiter_5').writeAttribute('src', bilder[4].src);
	$('mitarbeiter_6').writeAttribute('src', bilder[5].src);
	
	$('mitarbeiter_1').writeAttribute('width', '185');
	$('mitarbeiter_2').writeAttribute('width', '185');
	$('mitarbeiter_3').writeAttribute('width', '185');
	$('mitarbeiter_4').writeAttribute('width', '185');
	$('mitarbeiter_5').writeAttribute('width', '185');
	$('mitarbeiter_6').writeAttribute('width', '185');
	
	$('mitarbeiter_1').writeAttribute('height', '134');
	$('mitarbeiter_2').writeAttribute('height', '134');
	$('mitarbeiter_3').writeAttribute('height', '134');
	$('mitarbeiter_4').writeAttribute('height', '134');
	$('mitarbeiter_5').writeAttribute('height', '134');
	$('mitarbeiter_6').writeAttribute('height', '134');
	
	//Statische Ansicht ausblenden
	$('mitarbeiter').hide();
	
	//dynamische Ansicht einblenden
	$('mitarbeiterContainer').appear();
	
	for(var i=0; i<6; i++)
	{		
		repeater('mitarbeiter_'+(i-(-1)));
	}
	
	function repeater(obj)		// jedes Bild einzeln zufallsmäßig wechseln
	{
		new PeriodicalExecuter(function(pe) {
			bilder.randomize();
			$(obj).fade({ duration: 0.5, from: 1, to: 0.01});	
			setTimeout("changeImg('"+obj+"')",950);
		}, Math.floor((Math.random()*10)-(-5)));
	}
	
 });

function changeImg(obj)
{	
	
	
	var j = 0;
	
	for(var y=0; y<bilder.length; y++)
	{
		if(bilder[y].getAttribute('used') == 'unused')		// das erste noch nicht benutzte Bild suchen
		{
			var j=y;
			break;
		}
	}
	
	for(var x=0; x<bilder.length; x++)
	{		
		if($(obj).src == bilder[x].src)
			bilder[x].writeAttribute('used', 'unused');		// altes Bild auf unused setzen
	}
	
	bilder[j].writeAttribute('used', 'used');
	$(obj).src = '';
	$(obj).src = bilder[j].src;
	
	setTimeout("$('"+obj+"').fade({ duration: 1.5, from: 0.01, to: 1});",150);
}