﻿function overMenu(n,op) {
	var o = document.getElementById("opcion"+n);
	if (!o.clicked) {
		o.className = 'menuParentOver'+op;
	}
}

function outMenu(n,id) {
	var o = document.getElementById("opcion"+n);
	if (!o.clicked) {
		o.className = 'opcion_'+id;
	}
}

function overMenuAzul(n,m) {
	
	var o = document.getElementById("menuA"+n+m);
	// alert(1);
	var option = $("menuA"+n+m).down('td', 2);
	option.className = 'menuFondoAzul';	
}

function outMenuAzul(n,m) {
	var o = document.getElementById("menuA"+n+m);
	
	var option = $("menuA"+n+m).down('td', 2);
	option.className = 'opcion'+n;
}

function overMenuNar(n,m) {
	var o = document.getElementById("menuA"+n+m);
	
	var option = $("menuA"+n+m).down('td', 2);
	option.className = 'menuFondoNar';
}

function overMenuRojo(n,m) {
	var o = document.getElementById("menuA"+n+m);
	
	var option = $("menuA"+n+m).down('td', 2);
	option.className = 'menuFondoRojo';
}

function overMenuLila(n,m) {
	var o = document.getElementById("menuA"+n+m);
	
	var option = $("menuA"+n+m).down('td', 2);
	option.className = 'menuFondoLila';
}

function overMenuN(n) {
	var o = document.getElementById("menuN"+n);
	
	var option = $("menuN"+n).down('td', 2);
	option.className = 'menuParentOver';
}

function outMenuN(n) {
	/*var o = document.getElementById("menuN"+n);
	o.className = '';*/
	
	var option = $("menuN"+n).down('td', 2);
	option.className = '';
}

//GALERIAS DE FOTOS
function clicTab(n) {
	for (i=1;i<=4;i++) {
		var t = document.getElementById("tab"+i);
		var o = document.getElementById("tab_texto"+i);
		if (i==n) {
			o.style.display = 'block';
			t.className = 'tab_over';
		}
		else {
			o.style.display = 'none';
			t.className = 'tab';
		}
	}
}

function clicTabMini(n) {
	for (i=1;i<=25;i++) {
		try {
			var t = document.getElementById("tab"+i);
			var o = document.getElementById("gal"+i);
			if (i==n) {
				o.style.display = 'block';
				t.className = 'tab_mini_over';
			}
			else {
				o.style.display = 'none';
				t.className = 'tab_mini';
			}
		}
		catch(e) {}
	}
}

function clicTabAzul(n) {
	for (i=1;i<=4;i++) {
		var t = document.getElementById("tab"+i);
		var o = document.getElementById("tab_texto"+i);
		if (i==n) {
			o.style.display = 'block';
			t.className = 'tab_over_azul';
		}
		else {
			o.style.display = 'none';
			t.className = 'tab_azul';
		}
	}
}

function clicTabMiniAzul(n) {
	for (i=1;i<=25;i++) {
		try {
			var t = document.getElementById("tab"+i);
			var o = document.getElementById("gal"+i);
			if (i==n) {
				o.style.display = 'block';
				t.className = 'tab_mini_over_azul';
			}
			else {
				o.style.display = 'none';
				t.className = 'tab_mini_azul';
			}
		}
		catch(e) {}
	}
}

function clicTabNar(n) {
	for (i=1;i<=4;i++) {
		var t = document.getElementById("tab"+i);
		var o = document.getElementById("tab_texto"+i);
		if (i==n) {
			o.style.display = 'block';
			t.className = 'tab_over_nar';
		}
		else {
			o.style.display = 'none';
			t.className = 'tab_nar';
		}
	}
}

function clicTabMiniNar(n) {
	for (i=1;i<=25;i++) {
		try {
			var t = document.getElementById("tab"+i);
			var o = document.getElementById("gal"+i);
			if (i==n) {
				o.style.display = 'block';
				t.className = 'tab_mini_over_nar';
			}
			else {
				o.style.display = 'none';
				t.className = 'tab_mini_nar';
			}
		}
		catch(e) {}
	}
}

function clicTabRojo(n) {
	for (i=1;i<=4;i++) {
		var t = document.getElementById("tab"+i);
		var o = document.getElementById("tab_texto"+i);
		if (i==n) {
			o.style.display = 'block';
			t.className = 'tab_over_rojo';
		}
		else {
			o.style.display = 'none';
			t.className = 'tab_rojo';
		}
	}
}

function clicTabMiniRojo(n) {
	for (i=1;i<=25;i++) {
		try {
			var t = document.getElementById("tab"+i);
			var o = document.getElementById("gal"+i);
			if (i==n) {
				o.style.display = 'block';
				t.className = 'tab_mini_over_rojo';
			}
			else {
				o.style.display = 'none';
				t.className = 'tab_mini_rojo';
			}
		}
		catch(e) {}
	}
}

function clicTabLila(n) {
	for (i=1;i<=4;i++) {
		var t = document.getElementById("tab"+i);
		var o = document.getElementById("tab_texto"+i);
		if (i==n) {
			o.style.display = 'block';
			t.className = 'tab_over_lila';
		}
		else {
			o.style.display = 'none';
			t.className = 'tab_lila';
		}
	}
}

function clicTabMiniLila(n) {
	for (i=1;i<=25;i++) {
		try {
			var t = document.getElementById("tab"+i);
			var o = document.getElementById("gal"+i);
			if (i==n) {
				o.style.display = 'block';
				t.className = 'tab_mini_over_lila';
			}
			else {
				o.style.display = 'none';
				t.className = 'tab_mini_lila';
			}
		}
		catch(e) {}
	}
}

function showLayer(e) {
	var child = Event.element(e);
	if (child.id=="") {
		child = Event.element(e).up();
	}
	child.clicked = !child.clicked;

	// show o hide capa + turn arrow
	var option = $$("."+child.id);
	option.each(function(obj){
		if (!child.clicked) {
			obj.style.display = 'none';
		}
		else {
			obj.style.display = '';
		}
	});

	var obj = $(child.id);
	if (!child.clicked) {
		obj.className = obj.initClass;
	}
	else {
		obj.className = obj.classClick;
	}
	

}

function showSF(e) {
	window.location = 'sf_program_at_a_glance.php';
}
function showST(e) {
	window.location = 'st_program_at_a_glance.php';
}
function showSB(e) {
	window.location = 'sb_program_at_a_glance.php';
}

function showSFT(e) {
	window.location = 'sft_program_at_a_glance.php';
}

function showST1(e) {
	window.location = 'st_pro_ab_team.php';
}
function showST2(e) {
	window.location = 'st_mataro_tennis_club.php';
}

function clickNext(e) {
	try 
	{
		var child = Event.element(e);
		if(child.down('a')!=undefined) {
			window.location = child.down('a');
		}
	} 
	catch(er) {}
}

window.onload = function() {
	// try{pngFixImage();}catch(e){}
	
	var option = $$('.clickNext');
	option.each(function(obj){
		Event.observe(obj, 'click', clickNext, true);
	});
	
	try {
		var obj = $('destacadoSF');
		Event.observe(obj, 'click', showSF, true);
		var obj = $('destacadoST');
		Event.observe(obj, 'click', showST, true);
		var obj = $('destacadoSB');
		Event.observe(obj, 'click', showSB, true);
		var obj = $('destacadoSFT');
		Event.observe(obj, 'click', showSFT, true);
	} catch(e) {}

	try {
		var obj = $('destacadoST1');
		Event.observe(obj, 'click', showST1, true);
		
		var obj = $('destacadoST2');
		Event.observe(obj, 'click', showST2, true);
		
	} catch(e) {}

	var option = $$('#desplegable .opcion_fun');
	option.each(function(obj){
		if (CURRENT_MENU!=1) {
			Event.observe(obj, 'click', showLayer, true);
			obj.clicked = false;
		} else { obj.clicked = true; obj.className = "menuOnAzul"; }
		
		obj.initClass = obj.className;
		obj.classClick = "menuOnAzul";

		// de paso los ocultamos por defecto
		if (CURRENT_MENU!=1) {
			var optionx = $$("."+obj.id);
			optionx.each(function(objx){
				// objx.style.display = objx.style.display==""?'none':'block';
				
				if (!obj.clicked) {
					objx.style.display = 'none';
				}
				else {
					objx.style.display = '';
				}
				
				
				
			});
		}
		
	});
	var option = $$('#desplegable .opcion_tennis');

	option.each(function(obj){
		if (CURRENT_MENU!=2) {
			Event.observe(obj, 'click', showLayer, true);
			obj.clicked = false;
		} else { obj.clicked = true; obj.className = "menuOnNaranja"; }

		obj.initClass = obj.className;
		obj.classClick = "menuOnNaranja";

		// de paso los ocultamos por defecto
		if (CURRENT_MENU!=2) {
			var optionx = $$("."+obj.id);
			optionx.each(function(objx){
				if (!obj.clicked) {
					objx.style.display = 'none';
				}
				else {
					objx.style.display = '';
				}
			});
		}
		
	});
	var option = $$('#desplegable .opcion_basket');

	option.each(function(obj){
		if (CURRENT_MENU!=3) {
			Event.observe(obj, 'click', showLayer, true);
			obj.clicked = false;
		} else { obj.clicked = true; obj.className = "menuOnRojo"; }

		obj.initClass = obj.className;
		obj.classClick = "menuOnRojo";

		// de paso los ocultamos por defecto
		if (CURRENT_MENU!=3) {
			var optionx = $$("."+obj.id);
			optionx.each(function(objx){
				if (!obj.clicked) {
					objx.style.display = 'none';
				}
				else {
					objx.style.display = '';
				}
			});
		}
		
	});
	
	var option = $$('#desplegable .opcion_futbol');

	option.each(function(obj){
		if (CURRENT_MENU!=4) {
			Event.observe(obj, 'click', showLayer, true);
			obj.clicked = false;
		} else { obj.clicked = true; obj.className = "menuOnLila"; }

		obj.initClass = obj.className;
		obj.classClick = "menuOnLila";

		// de paso los ocultamos por defecto
		if (CURRENT_MENU!=4) {
			var optionx = $$("."+obj.id);
			optionx.each(function(objx){
				if (!obj.clicked) {
					objx.style.display = 'none';
				}
				else {
					objx.style.display = '';
				}
			});
		}
		
	});
	
	$('desplegable').style.visibility = 'visible';
}