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

function swap_field_type(field)
{
     var parent = field.parentNode;
     var replacement  = document.createElement('input');
     replacement.type = 'password';
     replacement.id   = field.id;
     replacement.name = field.name;
	 replacement.style.color='#000'
     parent.replaceChild(replacement,field);
     replacement.focus();
	 replacement.focus();
}

function initTabs(){
	
	var tabs = Dom.get("tabs").getElementsByTagName('div');
	Event.addListener(tabs, "click", TabSwitch);
}

function TabSwitch(){
	var tabs = Dom.get("tabs").getElementsByTagName('div');
	newactive = this.className + '_overzicht';
	for(i=0;i<tabs.length;i++){
		name = tabs[i].className + '_overzicht';
		//alert(name);
		Dom.removeClass(name, 'active');
		tabs[i].style.height='';
		Dom.removeClass(Dom.get("tabs"), tabs[i].className+'_top');
		
	}
	Dom.addClass(newactive, 'active');
	//Dom.addClass(this, tabs[i].className+'_active');
	Dom.addClass(Dom.get("tabs"), this.className+'_top');
	this.style.height = '21px';
}
function setHomepagePopups(){
	var div = document.getElementById('tab_competities');
	var groupRed = Dom.getElementsByClassName('home_popup','a',div);
	
	var div = document.getElementById('tab_teams');
	var groupBlue = Dom.getElementsByClassName('home_popup','a',div);
	
	var div = document.getElementById('tab_spelers');
	var groupYellow = Dom.getElementsByClassName('home_popup','a',div);
	
	var tt1_red = new YAHOO.widget.Tooltip("tt1_red", { 
		context:groupRed
	});
	var tt1_blue = new YAHOO.widget.Tooltip("tt1_blue", { 
		context:groupBlue
	});
	var tt1_yellow = new YAHOO.widget.Tooltip("tt1_yellow", { 
		context:groupYellow
	});
	
	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);
		}
	);
	
	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);
		}
	);
	
	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 HomePageInit(){
	initTabs();
	//setHomepagePopups();
}

YAHOO.util.Event.onDOMReady(HomePageInit);