var submenuClickHandled = false;

var trainer_images = Array();

trainer_images["Alicia Lievens"] = { src : "images/trainers/Alicia.jpg", width : 100, height: 151};
trainer_images["Arie van Prooyen"] = { src : "images/trainers/Arie.jpg", width : 100, height: 151};
trainer_images["Bep van Tatenhove"] = { src : "images/trainers/Bep.jpg", width : 100, height: 151};
trainer_images["Bianca Kroon"] = { src : "images/trainers/Bianca.jpg", width : 104, height: 156};
trainer_images["Chantal Huys"] = { src : "images/trainers/Chantalle.jpg", width : 100, height: 151};
trainer_images["Christiane van Hoecke"] = { src : "images/trainers/Christianne.jpg", width : 100, height: 151};
trainer_images["Sylvia & Frank van Tatenhove"] = { src : "images/trainers/Frank.jpg", width : 100, height: 85};
trainer_images["Melissa Vercauter"] =  { src : "images/trainers/Melissa.jpg", width : 100, height: 151};
trainer_images["Patrick Saelens"] = { src : "images/trainers/Patrick.jpg", width : 100, height: 151};
trainer_images["Saskia van Es"] = { src : "images/trainers/Saskia.jpg", width : 100, height: 151};
trainer_images["Fiona van der Hooft"] = { src : "images/trainers/Fiona.jpg", width : 100, height: 151};
trainer_images["Henny Bolleman"] = { src : "images/trainers/Henny.jpg", width : 100, height: 151};
trainer_images["Greet Vink"] = { src : "images/trainers/Greet.jpg", width : 100, height: 151};
trainer_images["Hanka Jongman"] = { src : "images/trainers/Hanka.jpg", width : 100, height: 151};

//trainer_images["Hanka Jongman"] = "images/trainers/Hanka.jpg";

//trainer_images["Sylvia & Frank van Tatenhove"] = "images/trainers/sftatenhove.jpg";

function Init(){

	/* initialize the trainer items */

	/*
	var table = document.getElementById("trainers");
	
	if (table){

		var lst = table.getElementsByTagName("td");
	
		for (var i = 0; i < lst.length; i++){
	
			var trainer = lst[i];
			
			if (trainer.className == "trainer"){
			
				if (trainer.firstChild.href){
				
					trainer.firstChild.onmouseover = ShowTrainerPopup;
					trainer.firstChild.onmouseout = HideTrainerPopup;
						
				} else {
				
					trainer.onmouseover = ShowTrainerPopup;
					trainer.onmouseout = HideTrainerPopup;
					
				}
			
			}
	
		}
	
	}
	*/

	var table = document.getElementById("roosters");
	
	if (table){
	
		var lst = table.getElementsByTagName("td");
	
		for (var i = 0; i < lst.length; i++){
	
			var trainer = lst[i];
			
			if (trainer.className == "trainer"){
			
				
				if (trainer.firstChild.href){
				
					trainer.firstChild.onmouseover = ShowTrainerPopup;
					trainer.firstChild.onmouseout = HideTrainerPopup;
						
				} else {
				
					trainer.onmouseover = ShowTrainerPopup;
					trainer.onmouseout = HideTrainerPopup;
					
				}
			
			}
	
		}
	
	}
	
	/*	
	var lst = Element.getElementsByClassName(table, "trainer");

	for (var i = 0; i < lst.length; i++){

		var trainer = lst[i];
		var trainerLink = trainer.firstChild;

		if ((trainerLink.onmouseover) && (trainerLink.onmouseout)){
		
			trainerLink.onmouseover = ShowTrainerPopup;
			trainerLink.onmouseout = HideTrainerPopup;
			
		}
		
	}
	*/
	
	/* initialize the submenu's */

	var mnu = $("menu_left_list");
	
	lst = mnu.getElementsByTagName("ul");
	
	for (var i = 0; i < lst.length; i++){

		var sm = lst[i];

		sm.parentNode.onclick = ToggleSubmenu;
	
	}
	
	ExpandActiveSubMenu();
	
}

function ToggleSubmenu(){

	var sms = this.getElementsByTagName("ul");

	if (sms){
	
		var sm = sms[0];
		
		if (sm.style.display == "block"){
		
			sm.style.display = "none";
		
		} else {
		
			sm.style.display = "block";
		
		}
	
		submenuClickHandled = true;
	
	}
	
	//cancel the event!!	
	
	if (window.event){
	
		window.event.cancelBubble = true;
	
	}

}

function ExpandActiveSubMenu(){

	if ((typeof(activeSubMenuId) != "undefined") && (activeSubMenuId)){

		for (var i = 0; i < activeSubMenuId.length; i++){
		
			var asm = $(activeSubMenuId[i]);	

			if (asm){
				
				var sms = asm.getElementsByTagName("ul");
			
				if (sms)
					sms[0].style.display = "block";
					
			}
			
		}

	}

}

function ShowTrainerPopup(){

	var e = window.event;
	
	var key = this.firstChild.nodeValue;

	if (key){

		var pic = trainer_images[key];
		
		if (pic){
		
			var bx = $("image_popup");
			var im = $("image_popup_image");
		
			if ((bx) && (im)){

				var l = e.x + 10;
				var t = e.y;

				im.style.visibility = "visible";

				im.width = pic.width;
				im.height = pic.height;
				im.src = pic.src;

				bx.style.left = l + "px";
				bx.style.top = t + "px";
				bx.style.width = pic.width + "px";
				bx.style.height = pic.height + "px";
				
				bx.style.display = "block";

			}
			
		
		
		}
	
	}
	
}

function HideTrainerPopup(){

	var bx = $("image_popup");
	var im = $("image_popup_image");
	
	if ((bx) && (im)){
	
		im.style.visibility = "hidden";
		im.src = "images/trainers/empty.jpg";
		bx.style.display = "none";

	}

}

onload = Init;