// JavaScript Document
// JavaScript Document
var Dom = YAHOO.util.Dom;
var Event = YAHOO.util.Event;
var popup = false;

function setLijstenPopups(){
	var div = document.getElementById('tab_competities');
	if (div){
		var groupRed = Dom.getElementsByClassName('home_popup','a',div);
		
		var tt1_red = new YAHOO.widget.Tooltip("tt1_red", { 
		context:groupRed
		});
		
		tt1_red.contextTriggerEvent.subscribe(
		function(type, args) {
			var context = args[0];
			var info = context.rel.split(';');
							
			var content = '<h2>'+ info[0]+'</h2>';
			content += '<table width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td width="50%"><strong>Periode</strong></td><td width="50%"><strong>Type</strong></td></tr><tr><td>'+info[1]+'</td><td>'+info[2]+'</td></tr><tr><td><strong>Gemeente</strong></td><td><strong>Speeldagen</strong></td></tr><tr><td>'+info[3]+'</td><td>'+info[4]+'</td></tr></table>';
		
			this.cfg.setProperty("text", content);
		}
	   );
	}
	
	
	var div = document.getElementById('tab_teams');
	if (div){
		var groupBlue = Dom.getElementsByClassName('home_popup','a',div);
		var tt1_blue = new YAHOO.widget.Tooltip("tt1_blue", { 
				context:groupBlue
		});
		tt1_blue.contextTriggerEvent.subscribe(
		function(type, args) {
			var context = args[0];
			var info = context.rel.split(';');
							
			var content = '<h2>'+ info[0]+'</h2>';
			content += '<table width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td width="50%"><strong>Samenstelling</strong></td><td width="50%"><strong>Gemeente</strong></td></tr><tr><td>'+info[1]+'</td><td>'+info[2]+'</td></tr><tr><td><strong>Oprichting</strong></td><td><strong>Volgende competitie</strong></td></tr><tr><td>'+info[3]+'</td><td>'+info[4]+'</td></tr></table>';
		
			this.cfg.setProperty("text", content);
		}
	  );
	}
	var div = document.getElementById('tab_spelers');
	if (div){
		var groupYellow = Dom.getElementsByClassName('home_popup','a',div);
		var tt1_yellow = new YAHOO.widget.Tooltip("tt1_yellow", { 
			context:groupYellow
		});
		tt1_yellow.contextTriggerEvent.subscribe(
		function(type, args) {
			var context = args[0];
			var info = context.rel.split(';');
							
			var content = '<h2>'+ info[0]+'</h2>';
			content += '<table width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td width="50%"><strong>Teamnaam</strong></td><td width="50%"><strong>Gemeente</strong></td></tr><tr><td>'+info[1]+'</td><td>'+info[2]+'</td></tr><tr><td><strong>Member sinds</strong></td><td><strong>Volgende competitie</strong></td></tr><tr><td>'+info[3]+'</td><td>'+info[4]+'</td></tr></table>';
		
			this.cfg.setProperty("text", content);
		}
	);
	}	
}


function InitFilter(){
	filters = Dom.get('filter');
	a = filters.getElementsByTagName('select');
	for (i=0;i<a.length;i++){
		a[i].onchange= function(el){
			filters = Dom.get('filter');
			filters.submit();
		}
	}
	return true;
}

function LijstenInit(){
	if (Dom.get('filter'))InitFilter();
	setLijstenPopups();    
}

YAHOO.util.Event.onDOMReady(LijstenInit);