var idImagenActual = 0;        
            var fotos=new Array();            
            
            var anchoCapa;
            var altoCapa;
            
            var MSIE = false; 
            var GECKO = false
                       
            // Detección del navegador.
            if( navigator.userAgent.indexOf('MSIE')!=-1){
                MSIE = true;                
            }else if( navigator.userAgent.indexOf('Gecko')!=-1 ){
                GECKO = true;                
            }
            
            function Foto( ampliada, titulo, ancho, alto ){
                this.ampliada = ampliada;
                this.titulo = titulo;
                this.ancho = ancho;
                this.alto = alto;
            }
                       
            function imgOver(obj){                                
                obj.className="cajaImgOver";
            }
            function imgOut(obj){
                obj.className="cajaImg";
            }
            
            function vistaAmpliadaOn( id ){
            	// referencias a los nodos
                var popup = document.getElementById("vistaAmpliada");
                var foto = document.getElementById("vaFoto");                                
                
                foto.src = fotos[id].ampliada;
                foto.style.width = fotos[id].ancho+'px';
                foto.style.height = fotos[id].alto+'px';
                // El ancho de la capa será el ancho de la imagen más la zona derecha (160px)
                anchoCapa = fotos[id].ancho + 160;
                altoCapa = fotos[id].alto;
                
                var vamp = document.getElementById("vistaAmpliada");
                var sombra = document.getElementById("sombra");
                vamp.style.width =(anchoCapa)+'px';
                sombra.style.width = (anchoCapa-5)+'px';
                vamp.style.height = altoCapa+'px';
                sombra.style.height = (altoCapa-5)+'px';
                
                // Titulo a mostrar
                var titulo = document.getElementById("vaTitulo");
                titulo.innerHTML = fotos[id].titulo;
                
                // Posición de la capa
                popup.style.left = ( getOrigenX() + ( (getClientWidth() - anchoCapa)/2 )) + "px";
                popup.style.top  = ( getOrigenY() + ( (getClientHeight() - altoCapa)/2 )) + "px";
                // Visibilidad
                popup.style.display="block";
                
            }
            
            function vistaAmpliadaOff(){
                var popup = document.getElementById("vistaAmpliada");
                popup.style.display="none";
            }        
            
            
            function getClientWidth(){
                if( MSIE ){
                    return document.body.clientWidth;
                }else if(GECKO){
                    return window.innerWidth;
                }
            }
            
            function getClientHeight(){
                if( MSIE ){
                    return document.body.clientHeight;                    
                }else if(GECKO){
                    return window.innerHeight;
                }
            }
            
            function getOffsetLeft (el) {
                var ol = el.offsetLeft;
                while ((el = el.offsetParent) != null){
                    ol += el.offsetLeft;
                }
                return ol;
            }
    
            function getOffsetTop (el) {
                var ot = el.offsetTop;
                while((el = el.offsetParent) != null){
                    ot += el.offsetTop;
                }
                return ot;
            }      
            
            function getOrigenX(){
                if( GECKO ){                
                    return window.pageXOffset;                    
                } else if( MSIE ){
                    return document.body.scrollLeft;
                }
            }
            function getOrigenY(){                
                if( GECKO ){
                    return window.pageYOffset;
                } else if( MSIE ){                    
                    return document.body.scrollTop;
                }
            }