// JavaScript Document
var idInterval;
var valorOpacidad=100;
var ImagenSeleccionada;

function ShowImg(){
	var divImg=document.getElementById("portaImgs");	
	divImg.style.filter='alpha(opacity='+valorOpacidad+')';
	divImg.style.opacity=valorOpacidad/100;
	//hora de llamar al interval
	clearInterval(idInterval);
	idInterval= setInterval("MuestraImagen()",1);
}

function MuestraImagen(){
	valorOpacidad=valorOpacidad+5;
	var divImg=document.getElementById("portaImgs");
	divImg.style.filter='alpha(opacity='+valorOpacidad+')';
	divImg.style.opacity=valorOpacidad/100;	
	if(valorOpacidad==100){
	   clearInterval(idInterval);	
	}
}

function HideImg(NombreDeImagen,NumeroDeImagen){
	EncuadraImagen(NumeroDeImagen);
	var div=document.getElementById("portaImgs");
	ImagenSeleccionada=NombreDeImagen;
	clearInterval(idInterval);
	idInterval= setInterval("OcultaImagen()",1);
	
}

function OcultaImagen(NombreDeImagen){
	valorOpacidad=valorOpacidad-5;
	var divImg=document.getElementById("portaImgs");
	divImg.style.filter='alpha(opacity='+valorOpacidad+')';
	divImg.style.opacity=valorOpacidad/100;	
	if(valorOpacidad==0){
	   clearInterval(idInterval);
	   var imagen=document.getElementById("ImagenCostaNord");
	   var Ruta=ImagenSeleccionada;
	   imagen.src=Ruta;
	   ShowImg();
	}
}

function EncuadraImagen(NumFoto){
  var nomenlaceAux='';
  var nomenlace='enlace'+NumFoto;
  var enlace=document.getElementById(nomenlace);
  enlace.style.backgroundColor="#ffffff";
  enlace.style.color="#555555";
  enlace=null;
  for(var i=1;i<7;i++){
     if(('enlace'+i)!=nomenlace){
	   nomenlaceAux='enlace'+i;
	   enlace=document.getElementById(nomenlaceAux);
       if(enlace){
	      enlace.style.backgroundColor="#7c7a4a";
          enlace.style.color="#ffffff";
	   }
	 }
  }  
}