
// Funciones para implementar menus de enlaces
// Cada enlace puede ponerse en una celda de tabla y la celda cambiara de fondo al pasar
// el raton por encima.
//
// Por ejemplo, definir la celda de la siguiente forma:
// <td onmouseover="over(this)" onmouseout="out(this)"  onclick="goTo('http://www.flifeca.es')">
//     Texto opcion
// </td>

window.seleccionado=null
window.seleccionadomenu=null

over=function(e){
	if (seleccionado!=e) {
		e.style.backgroundColor='#E0E0E0';
		e.style.color='#101010';
		
	}	
	
}
out=function(e){
	if (seleccionado!=e){
		 e.style.backgroundColor='';
 		 e.style.color='';	 
	}
}
overtrans=function(e){
	if (seleccionado!=e){
	     e.style.backgroundColor='#ffffff';
  		 e.style.color='#DB0505';
 	}
}
outtrans=function(e){
	if (seleccionado!=e) {
	     e.style.backgroundColor='#F9F0F0'
   		 e.style.color='#006691';
 	}
}

function openWin(html,name,w,h)
{
myWin= open(html, name, "width="+w+",height="+h+",status=no,titlebar=yes,toolbar=no,left=0,top=0,menubar=no,scrollbars=no,resizable=yes");
}

function openWinScroll(html,name,w,h)
{
myWin= open(html, name, "width="+w+",height="+h+",status=no,titlebar=yes,toolbar=no,left=0,top=0,menubar=no,scrollbars=yes,resizable=yes");
}

function goTo(url)
{ 
	location.href= url;
}


// fnClick():
// Funcion que gestiona cuando se hace click sobre el documento.
//
// Gestiona clase masmenos: las opciones desplegables al estilo de + - (expandir/contraer)
// Por ejemplo:
// <img class="masmenos" id="IDENT_OPCIONi" src="mas.gif">
// <a class="masmenos" id="IDENT_OPCIONa">Titulo de la opcion</a>
// <div id="IDENT_OPCIONb" style="display:none">
//    <p>Texto que aparecera al expandir, imagenes, etc...</p>
// </div>
//
// Gestiona la clase tabs. Por ejemplo:
// <td class="tabs" id="IDENT_TABa">Titulo</td>
// <td class="tabs" id="IDENT_TAB2a">Titulo</td>
// <div id="IDENT_TABb" style="display:none">
//     Contenido ....
// </div> 
// <div id="IDENT_TAB2b" style="display:none">
//     Contenido ....
// </div>

var imgMas, imgMenos;
imgMas = new Image();
imgMas.src = "mas.gif";
imgMenos = new Image();
imgMenos.src = "menos.gif";

var TabActivo;
TabActivo="TABDEFECTOb";

function fnClick() {
  var targetId, srcElement, targetElement;
	
	// Averiguamo sobre que elemento se ha pinchado
  srcElement = window.event.srcElement;
	
	// Gestionamos si es un elemento de la clase masmenos (opciones expandir/contraer)
  if (srcElement.className == "masmenos") {
     srcElement = srcElement.id
     srcElement = srcElement.substr(0, srcElement.length-1);
 
     targetId = srcElement + "b";
     srcElement = srcElement + "i";

     srcElement = document.all(srcElement);
     targetElement = document.all(targetId);
		 
  	 if (targetElement.style.display == "none") {
	       targetElement.style.display = "";
         if (srcElement.className == "masmenos"){
              srcElement.src = "menos.gif";
				 }
     } else {
         targetElement.style.display = "none";
         if (srcElement.className == "masmenos"){
             srcElement.src = "mas.gif";
				 }
     }
  }

	// Gestionamos clase tabs: Pestañas de tabs
  if (srcElement.className == "tabs") {
		 var ElementoActivo,strId;
		 
		 // Desactivamos el tab activo, antes de visualizar el nuevo
		 ElementoActivo = document.all(TabActivo);
		 if (ElementoActivo!=null) {
				ElementoActivo.style.display = "none";
				
				// Quitamos el fondo de tab activo
				strId = ElementoActivo.id
				strId = strId.substr(0, strId.length-1);
				strId = strId+"a";
				ElementoActivo = document.all(strId);
				ElementoActivo.style.backgroundColor='';
				ElementoActivo.style.border=0;
		 }
     
		 // Activamos el tab
		 srcElement.style.backgroundColor='#ffffcc';   // Ponemos fondo a la nueva pestaña activa
		 srcElement.style.border='1';
     srcElement = srcElement.id
     srcElement = srcElement.substr(0, srcElement.length-1);
     targetId = srcElement + "b";
     srcElement = document.all(srcElement);
     targetElement = document.all(targetId);
	   targetElement.style.display = "";   // Aqui se activa
		 
		 // Nos quedamos con el id activo para la siguiente llamada desactivarlo
		 TabActivo=targetId;
  }

}

document.onclick = fnClick;

/*changeImg=function changeImg(e,imgFile){ 
var targetId, srcElement, targetElement;
	
	// Averiguamo sobre que elemento se ha pinchado
  srcElement = window.event.srcElement;

	if (seleccionado!=e) && srcElement!={
        e.src = imgFile 
		}

*/

//Función que cambia el SRC de la imagen a imgFILE
//<!--        
changeImg=function changeImg(e,imgFile){
	if (e=='') {
		 // Si no indica un id de elemento, cambiamos el actual
		 e = window.event.srcElement
	} 
	if (seleccionado!=e) {
        e.src = imgFile 
		}
 }    
        //--> 
        
//Función que abre una pantalla completa
function pantallacompleta (pagina) 
{
var opciones=("toolbar=no, location=no, directories=no, status=no, menubar=no ,scrollbars=no, resizable=no, fullscreen=yes"); 
window.open(pagina,"",opciones);
}
//<a href="javascript:close()">Cerrar ventana</a>

cambiaTam=function cambiaImg(id,tam){ 
	if (seleccionado!=id) {
        window.id.width = tam 
		}
 }    

        
        

//<EMBED SRC="colon.avi" HEIGHT=300 WIDTH=400 AUTOSTART=TRUE LOOP=FALSE>
