var numeroImagenMostrada = 1;
var imagenesGaleria = new Array();
var intervaloID;

cambioAutomaticoImgGaleria = function(){
    intervaloID = setInterval(sortearImagen, 5000);    
}
stopCambioAutomatico = function(){
    clearInterval(intervaloID);
}

sortearImagen = function(){
    siguiente = numeroImagenMostrada + 1
    numeroDeImagenesEnLaGaleria = $$('#miniaturasGaleria li').length;
    if (siguiente > numeroDeImagenesEnLaGaleria) siguiente = 1;
    mostrarImagen(siguiente);
}

mostrarImagen = function(numeroImagenPedida) {
    imagenesGaleria = $('#miniaturasGaleria li');
    if (numeroImagenPedida != numeroImagenMostrada) {
    
	    imagenMostrada = $('imagenGaleria' + numeroImagenMostrada);
	    imagenPedida = $('imagenGaleria' + numeroImagenPedida);
	    
//	    if($(imagenMostrada).fx){$(imagenMostrada).fx.stop();}
//	    if($(imagenPedida).fx){$(imagenPedida).fx.stop();}
//	    $(imagenMostrada).fx = $(imagenMostrada).effect('opacity', {duration: 3000}).start(0);
//	    $(imagenPedida).fx = $(imagenPedida).effect('opacity', {duration: 3000}).start(1);
	    //if(!window.ie) var fade = new Fx.Style(imagenPedida, 'opacity', {duration: 2400}).start(0,1);
	    
	    
//	    var exampleFx = new Fx.Tween(imagenPedida, {
//	        property: 'opacity',
//	        duration: 500, 
//	        transition: Fx.Transitions.Quart.easeInOut,
//	        link: 'chain'
//        });
        /*	now we have an fx object, let's play with it:	*/
        //exampleFx.start(1,0).start(0,.5).start(.5,1).start(1,0).start(0,1);
        
	    var fadeOutFx = new Fx.Tween(imagenMostrada, {
	        property: 'opacity',
	        duration: 1000, 
	        transition: Fx.Transitions.Quart.easeOut
        });        
	    
	    var fadeInFx = new Fx.Tween(imagenPedida, {
	        property: 'opacity',
	        duration: 1000, 
	        transition: Fx.Transitions.Quart.easeIn
        });     
       
 
        fadeOutFx.start(1,0); 

        imagenPedida.setStyles({
		    display:'block',
		    opacity: 0
    	});
        fadeInFx.start(1);
        
	    imagenMostrada.addClass('skip');
	    imagenPedida.removeClass('skip');
	    	    
	    numeroImagenMostrada = numeroImagenPedida;
	    return true;
	}
}


seccionInicio = function(){
    var volverAlInicio = $('volverAlInicio');
    volverAlInicio.addClass('volverAlInicioActivo');
    return true;
}
secciones = function(numSeccion, numSubSeccion){
    var opcinesNavegacionPrincipal = $$('#navegacionPrincipal li a');
    var opcionActual = opcinesNavegacionPrincipal[numSeccion];
    opcionActual.addClass('activo');

    if(numSeccion == 1){
        $('segundoNivelInstalaciones').style.display='block';
        var subOpciones = $$('#segundoNivelInstalaciones li a');
        subOpcionActual = subOpciones[numSubSeccion].addClass('activo');    
    }
    if(numSeccion == 2){
        $('segundoNivelOferta').style.display='block';
        var subOpciones = $$('#segundoNivelOferta li a');
        subOpcionActual = subOpciones[numSubSeccion].addClass('activo');    
    }    
    return true;
};

selectorDeOpcionActivo = function(opcionesNavegacion){
    switch(opcionesNavegacion) {
      case 'inicio': 
        seccionInicio();    
        break;
      case 'quienes':
        secciones(0);
        break;
      case 'instalaciones': 
        secciones(1,0);
        break;
                  case 'comedores': 
                    secciones(1,0);
                    break;            
                  case 'lounge': 
                    secciones(1,1);
                    break;    
                  case 'terraza': 
                    secciones(1,2);
                    break;    
                  case 'cocina': 
                    secciones(1,3);
                    break; 
                               
      case 'oferta': 
        secciones(2,0);
        break;
                  case 'entrantes': 
                    secciones(2,0);
                    break;            
                  case 'carnes': 
                    secciones(2,1);
                    break;    
                  case 'pescados': 
                    secciones(2,2);
                    break;    
                  case 'mariscos': 
                    secciones(2,3);
                    break;                        
                  case 'postres': 
                    secciones(2,4);
                    break;
                  case 'ecologicos':
                    secciones(2,6);
                    break; 
                  case 'menus':
                    secciones(2,6);
                    break;                                              

      case 'vinos': 
        secciones(3,0);
        break;
      case 'noticias': 
        secciones(4,0);
        break;        
      case 'eventos': 
        secciones(5,0);
        break;
      case 'localizacion': 
        secciones(6,0);
        break;
    }
};

window.addEvent('load', function(){ 
    // recuperar en que seccion estoy
    
    
    var seccionActual = $$('#seccionActual span')[0];   
    if(seccionActual) selectorDeOpcionActivo(seccionActual.className);
    
    // aniadir comportamientos a las miniaturas de la galeria
    var miniaturasGaleria = $('miniaturasGaleria');
    if(miniaturasGaleria){
        $$('#miniaturasGaleria li a').each(function(miniatura, num){
            miniatura.addEvent('click', function(e){
                e = new Event(e);
                e.stop();
                stopCambioAutomatico();
                mostrarImagen(num+1);
            })
        })
        
        cambioAutomaticoImgGaleria();
    }

    // aniadir comportamientos al listado de menús
    var listadoMenus = $('listadoMenus');
    if (listadoMenus) {
        $$('#listadoMenus li a').each(function(item, num) {
        item.addEvent('click', function(e) {
                e = new Event(e);
                e.stop();
                //stopCambioAutomatico();
                mostrarMenu(num + 1);
            })
        })

        //cambioAutomaticoImgGaleria();

    }
	
    // aniadir comportamientos al listado de menús
    var listadoMenus = $('listadoMenus2');
    if (listadoMenus) {
        $$('#listadoMenus2 li a').each(function(item, num) {
        item.addEvent('click', function(e) {
                e = new Event(e);
                e.stop();
                //stopCambioAutomatico();
                mostrarMenu(num + 6);
            })
        })

        //cambioAutomaticoImgGaleria();

    }	

})

var numeroItemMostrado = 1;

mostrarMenu = function(numeroItemPedido) {
    numeroMenus = $('#listadoMenus li');
    if (numeroItemPedido != numeroItemMostrado) {

        itemMostrado = $('item' + numeroItemMostrado);
        itemPedido = $('item' + numeroItemPedido);

        var fadeOutFx = new Fx.Tween(itemMostrado, {
            property: 'opacity',
            duration: 1000,
            transition: Fx.Transitions.Quart.easeOut
        });

        var fadeInFx = new Fx.Tween(itemPedido, {
            property: 'opacity',
            duration: 1000,
            transition: Fx.Transitions.Quart.easeIn
        });


        fadeOutFx.start(1, 0);

        itemPedido.setStyles({
            display: 'block',
            opacity: 0
        });
        fadeInFx.start(1);

        itemMostrado.addClass('skip');
        itemPedido.removeClass('skip');

        numeroItemMostrado = numeroItemPedido;
        
        return true;
    }
}

window.addEvent('domready', function(){
    var galeria = $('galeria');
    if(galeria){
        $$('#galeria li').each(function(elemento, num){ 
            if(num > 0){
                elemento.addClass('skip');    
            }
        })
    }
})