// Para poder activar las capas del detalle después d habernos ido a la pestanya de búsqueda
var capasDetalle = new Array();
var pestanyasDetalle = new Array();

function oPestanyas(nom) 
{
	this.nom = nom; // str nombre de la variable del objeto creado
	this.tipo = ''; // listado(lis), busqueda (fil), ficha (edi)
	this.panel = ""; // panel donde esta la pestanya
	this.vPestanyas = new Array(); //guardaremos las pestanyas q queremos recorrer
	this.pestanyaActiva = 0;
	this.numPestanyas = 0;

	//metodos
	this.addPestanya = faddPestanya;
	this.activarPanel = factivarPanel;
}

function faddPestanya (tipo, panel) 
{
	//Añadimos al vector las diferentes pestanyas de ese pestanyero
	this.numPestanyas = this.vPestanyas.push([tipo,panel]);
}//Fin método faddPestanya

function factivarPanel (panel)
{
	
	for (var i=0;i<this.vPestanyas.length; i++)//Recorremos el vector de pestanyas
	{	
		tipo=this.vPestanyas[i][0];
		panelPestanya=this.vPestanyas[i][1];
		if (panelPestanya==panel)
		{
			capaPestanya = eval('document.getElementById("'+panelPestanya+'")');
			capaPestanya.style.display = "block";
			
			nomPestanya = 'pest_'+tipo+'_'+this.nom;
			if (eval('document["'+nomPestanya+'"]'))
			{
				imagen = eval('document["'+nomPestanya+'"]');
				imagen.src = imagen.src.replace("_off","_on");
			}
		}
		else
		{
			capaPestanya = eval('document.getElementById("'+panelPestanya+'")');
			capaPestanya.style.display = "none";	
			nomPestanya = 'pest_'+tipo+'_'+this.nom;
			if (eval('document["'+nomPestanya+'"]'))
			{
				imagen = eval('document["'+nomPestanya+'"]');
				imagen.src = imagen.src.replace("_on","_off");
			}
		}
	}
}

/**********************************************************************************************/
/**********		TRATAMIENTO PANELES MAESTRO/DETALLE					************/
/**********************************************************************************************/

function mostrarPanel(){
	// Mostramos el panel dl detalle
	for(i=0;i<capasDetalle.length;i++){
		capaPestanya = eval('document.getElementById("'+capasDetalle[i]+'")');
		capaPestanya.style.display = "block";	
	}
	
// Activamos la pestanya correspondiente al panel
	var images = document.getElementsByTagName('img');
	for(i=0;i<pestanyasDetalle.length;i++) {
		vImagenes = pestanyasDetalle[i].split('=>');
		ruta = vImagenes[0];
		for(j=0;j<images.length;j++){
			//if (vImagenes[1] == images[j].name) 
			if (vImagenes[1] == images[j].id) 
			{
					images[j].src = vImagenes[0];
					break;
			}
		}
	}
}

function ocultarPanel(sufPanel)
{
	var capas = document.getElementsByTagName('div');
	for(i=0;i<capas.length;i++) {
		// ocultamos los paneles del detalle
		idCapa = capas[i].id;
		capa = eval('document.getElementById("'+idCapa+'")');
		posicion = idCapa.indexOf(sufPanel,0); // sufPanel = 'Detalle'
		if (idCapa == 'detalles')
		{
			eval('capa.style.display = "none"');
		}
		else
			if ( (posicion != -1) && (eval('capa.style.display') == 'block') )
			{
				// Encontramos un panel dl Detalle
				// lo añadimos al vector para luego tener q capas activar al pulsar otra vez en la pestanya dl maestro
				capasDetalle.push(idCapa);
				capa.style.display = "none";
			}
	}
	
	var imagenes = document.getElementsByTagName('img');
	for (i=0;i<imagenes.length;i++)
	{
		//nameImg = imagenes[i].name;
		nameImg = imagenes[i].id;
		pestDetalle = nameImg.indexOf(sufPanel,0);
		pest = nameImg.indexOf('pest_',0);
		pestFil = nameImg.indexOf('_fil',0);
		// Ocultamos las pestañas del detalle
		
		if ( (pest != -1) & (pestDetalle != -1))  {
			vImagenesSrc = imagenes[i].src.split('/');
			img = vImagenesSrc[vImagenesSrc.length-1];
			// Añadimos al vector de pestanyas para luego activar cuando volvamos a pinchar en la pestanya dl maestro
			// formato.- ( "ruta => nombreImg")
			//cadena = imagenes[i].src + "=>" + imagenes[i].name;
			cadena = imagenes[i].src + "=>" + imagenes[i].id;
			pestanyasDetalle.push(cadena);
			imagenes[i].src = imagenes[i].src.replace(img,"pix_trans.gif");
		}
	}
}