document.observe('dom:loaded', function() {
    //load();

    $('galeria_salon1').setStyle({display:'none'});
    $('galeria_salon1').appear({ duration: 1.0 });
    $('galeria_salon2').setStyle({display:'none'});
    $('galeria_salon3').setStyle({display:'none'});
    $('galeria_salon4').setStyle({display:'none'});

    if ($('boton_salon1')){


        $$('.boton_salon').each(function(e) {
            e.observe('click', function(){
                $('boton_salon1').setStyle({background:'url(/images/plantilla/b-cristal-1.jpg) no-repeat 0 0'});
                $('boton_salon2').setStyle({background:'url(/images/plantilla/b-delvino-1.jpg) no-repeat 0 0'});
                $('boton_salon3').setStyle({background:'url(/images/plantilla/b-iroco-1.jpg) no-repeat 0 0'});
                $('boton_salon4').setStyle({background:'url(/images/plantilla/b-maradona-1.jpg) no-repeat 0 0'});
                
                $('galeria_salon1').setStyle({display:'none'});
                $('galeria_salon2').setStyle({display:'none'});
                $('galeria_salon3').setStyle({display:'none'});
                $('galeria_salon4').setStyle({display:'none'});

                switch(this.id) {
                    case 'boton_salon1':
                        //Activamos el boton1
                        $('boton_salon1').setStyle({background:'url(/images/plantilla/b-cristal-2.jpg) no-repeat 0 0'});
                        //$('galeria_salon1').setStyle({display:'block'});
                        $('galeria_salon1').appear({ duration: 0.5 });
                        break;
                    case 'boton_salon2':
                        //Activamos el boton 2
                        $('boton_salon2').setStyle({background:'url(/images/plantilla/b-delvino-2.jpg) no-repeat 0 0'});
                        //$('galeria_salon2').setStyle({display:'block'});
                        $('galeria_salon2').appear({ duration: 0.5 });
                        break;
                    case 'boton_salon3':
                        //Activamos el boton 3
                        $('boton_salon3').setStyle({background:'url(/images/plantilla/b-iroco-2.jpg) no-repeat 0 0'});
                        //$('galeria_salon3').setStyle({display:'block'});
                        $('galeria_salon3').appear({ duration: 0.5 });
                        break;
                    case 'boton_salon4':
                        //Activamos el boton 4
                        $('boton_salon4').setStyle({background:'url(/images/plantilla/b-maradona-2.jpg) no-repeat 0 0'});
                        //$('galeria_salon4').setStyle({display:'block'});
                        $('galeria_salon4').appear({ duration: 0.5 });
                        break;
                }
            });
        });
    }

});