// JavaScript Document
function Cambiagalerias(pId) {
//el parámetro es el id de la pestaña que pulsamos; ej. 'tab_fototeca'.
//la galería que muestra la pestaña tiene que tener como id, por ejemplo, 'cont_fototeca'
	
	//id de la pestaña 
	this.nombreTab = pId;
	
	//objeto jquery con la pestaña
	this.esteTab = $('#'+this.nombreTab);
	//objeto jquery con el resto de pestañas
	this.altTab = this.esteTab.siblings();
	//clase de las pestañas
	this.claseTab = this.esteTab.attr('class');
	//objeto jquery que recoge todas las pestañas en un array
	this.grupoTabs = $('.'+this.claseTab);
	
	//id de la galería, quitanto tab de la cadena y añadiendo cont
	this.nombreGal = "cont_"+this.nombreTab.split("_")[1];
	//objeto jquery con la galería que muestra esta pestaña
	this.galeriaMuestra = $('#'+this.nombreGal);
	//objeto jquery con el resto de galerías
	this.galeriaOculta = $('#'+this.nombreGal).siblings();
	//clase de las pestañas
	this.claseGaleria = this.galeriaMuestra.attr('class');
	
	
	//variable que almacena el objeto para las closures	
	var obj = this;
	
	
	//estado inicial: la primera pestaña en el html se mostrará al comienzo
	//variable que determina si es la primera vez que se carga la página
	var cargaPrimera = true;
	//variable que almacena el id de la primera pestaña
	var primerTab = $('.'+this.claseTab+":eq(0)");
	
	//funcion que se ejecuta solo una vez al cargar la página
	if (cargaPrimera == true) 
	{
		if (primerTab.attr('id') == this.nombreTab)
			{
				this.esteTab.addClass('activo');
				this.galeriaMuestra.css('visibility','visible');
				cargaPrimera = false;
			} 
			else 
			{
				this.esteTab.addClass('inactivo');
				cargaPrimera = false;
			}
	}
	
	
	//funcion que realiza el cambio de estilos y atributos del objeto cuando se pulsa en el tab
	function mif() 
	{
		if (obj.galeriaMuestra.css('visibility') == 'hidden') 
		{
			obj.galeriaMuestra.css({'visibility':'visible'});
			obj.galeriaOculta.css({'visibility':'hidden'});
			obj.esteTab.addClass('activo');
			obj.esteTab.removeClass('inactivo');
			obj.altTab.addClass('inactivo');	
			obj.altTab.removeClass('activo');		
			return(false);
		} 
		else 
		{
			return(false);
		}
	}
	
	
	
	this.esteTab.bind("click", function(e) {
		return mif();
	});


}//fin de la clase