// Hooks
onloadHooks.push(function(){
 initChgTeilnehmer();

});


// Teilnehmer Slider
function initChgTeilnehmer(){

	var count = $$('.tt_teilnehmer').length; 
	var current = 0;
	var perodic;
	var loop = 1;
	
	// Suchergebnis aktivieren
	function activateTeilnehmer(teilnehmerUID){
		$('tt_suchergebnisse').setStyle('display','none');
		
		var myHIT = $('id_'+teilnehmerUID).getParent().get('id');
		$('tt_pause').addClass('tt_hidden');
		$('tt_play').removeClass('tt_hidden');
		$$('.tt_teilnehmer').setStyle('opacity', '0');
		$$('.tt_teilnehmer').setStyle('visibility', 'hidden');
		$(myHIT).addClass('tt_found');
		$(myHIT).setStyle('opacity', '1');
		$(myHIT).setStyle('visibility', 'visible');
		
	}
	
	// Bildwechsel
	function nextPic() {	
		if($$('.tt_found').length > 0){
			
			$$('.tt_teilnehmer').removeClass('tt_found');
			$$('.tt_teilnehmer').setStyle('opacity','0');
			$$('.tt_teilnehmer').setStyle('visibility','hidden');
		}
		
		current = Number(current);
		var prosp;

//		if(current == count){
//			current = 0;
//			
//		}
		
		$('tt_logo').set('tween', {
			duration: '300',
			onComplete : function(){
				$('tt_logo').tween('opacity', '1');
			}
		});
		if ((current+1) == count){
			prosp = 0;
		}
		else {
			prosp = current+1;
		}
		
		$('tt_'+current).set('tween', {
			duration: '300'
		});
		$('tt_'+prosp).set('tween', {
			duration: '600'
		});
		$('tt_'+prosp).tween('opacity', '1');
		$('tt_'+current).tween('opacity', '0');
		$('tt_logo').tween('opacity', '0');
	
		current = prosp;
		
	}
	perodic = nextPic.periodical(5000);
	
	$('tt_play').addEvent('click',function(){
			$('tt_suchergebnisse').setStyle('display','none');
			nextPic();
			perodic = nextPic.periodical(5000);
			$('tt_play').addClass('tt_hidden');
			$('tt_pause').removeClass('tt_hidden');
	});
	
	$('tt_pause').addEvent('click',function(){
			$('tt_suchergebnisse').setStyle('display','none');
			$clear(perodic);
			$('tt_pause').addClass('tt_hidden');
			$('tt_play').removeClass('tt_hidden');
	});
	
	// Volltextsuche
	$('tt_suchen').addEvent('click',function(e){
		e.stop();
		if($('tt_input').value.length >= 3 && $('tt_input').value.length <= 20 && $('tt_input').value != 'Teilnehmersuche'){
			$clear(perodic);
			$$('.tt_teilnehmer').setStyle('opacity', '0');
			$$('.tt_teilnehmer').setStyle('visibility', 'hidden');
			
			var jsonRequest = new Request.JSON({
				url: 'http://www.deutscher-engagementpreis.de/?eID=ig_teilnehmertool&search='+escape($('tt_input').value), 
				onRequest: function(){
					$('tt_logo').setStyle('opacity', '0');
					$('tt_loader').setStyle('display','block');
					
				},
				onComplete: function(teilnehmer){
					$('tt_loader').setStyle('display','none');
					$('tt_logo').tween('opacity', '1');
					// bei einem Treffer direkt ausgeben
					if(teilnehmer.length == 1){
						activateTeilnehmer(teilnehmer[0].uid);
					}
					// Mehrere Treffer als Liste darstellen
					else if(teilnehmer.length > 1){
						$$('.tt_listelement').destroy();
						Liste(teilnehmer);
					}
					// kein Treffer
					else {
						alert('Leider ergab Ihre Suche keine Ergebnisse.');
					}
				}
			}).send();
		}
		else {
			alert('Bitte geben Sie einen Suchbegriff von mindestens 3 Zeichen und maximal 20 Zeichen an')
		}

	});
	
	// Suchergebnisse bei mehreren Treffen
	function Liste(linkArray){
		
		$('tt_suchergebnisse').setStyle('display','block');
		
		linkArray.each(function(li){
			var teilnehmerName = '';
			var listentitel = '';
			var organisation = '';
			var vorname = '';
			var nachname = '';
			if(li.orga != ''){
				if(li.vorname || li.name) {
					if(li.name != null) nachname = li.name;
					if(li.vorname != null) vorname = li.vorname;
					teilnehmerName = '<br /><span>'+vorname+' '+nachname+'</span>';
				}
				(li.orga != '')  ? organisation = li.orga : organisation = '(nominiert als Organisation)';
				listentitel = organisation+teilnehmerName;
			}
			else {
				listentitel = li.vorname+' '+li.name;
			}
			var el = new Element('div');
			el.addClass('tt_listelement');
		
			var namen = new Element('h5');
			namen.inject(el);
			var links = new Element('a');
			links.set({	html: listentitel	});
			links.addEvent('click', function(e){
				 activateTeilnehmer(li.uid);
			});
			links.inject(namen);
			
			el.inject($('tt_liste'));
		});
	}
	
	
			
}



function clearTTValue(){
	$('tt_input').removeProperty('onclick');
	$('tt_input').setStyle('color','#333333');
	$('tt_input').value = '';
}