var myTransitionli = new Fx.Transition(Fx.Transitions.Back, 8);
	
	//**************MENUUSSSSSSSSSSSSSS
	// MOUSEOVER DE EL ELEMENTO PADRE,SUBMENU MOSTRADO
	// MOUSEOUT DE ELELEMENTO PADRE,SUBMENU OCULTO
      // me creo el div
	  var elementoQuienes1 = new Element('li', {
		        'id' : 'opcion1',
                'class': 'opcion1',
                'events': {
                    'click': function(){
                    },
                    'mouseenter': function(){
					    
						this.set('tween', {
							duration: 1000,
							transition: myTransitionli.easeOut // This could have been also 'bounce:out'
						}).tween('margin-left', '10px');
			
                       
						
                    },
					'mouseleave': function(){
						
                        // Resets the tween and changes the element back to its original size
						this.set('tween', {}).tween('margin-left', '0px');
						
					}
					
                }
      }).adopt(
	  new Element('a', {
		        'id' : 'enlace1',
                'class': 'enlace1',
				'href':'?seccion=mapa',
                'events': {
                    'click': function(){
                    },
                    'mouseover': function(){
                    }
                }
      }).appendText('Situación')
	  );
	  
	  
	  var elementoQuienes2 = new Element('li', {
		        'id' : 'opcion2',
                'class': 'opcion1',
                'events': {
                    'click': function(){
                    },
                    'mouseenter': function(){
						
                       this.set('tween', {
							duration: 1000,
							transition: myTransitionli.easeOut // This could have been also 'bounce:out'
						}).tween('margin-left', '10px');
	
                    },
					'mouseleave': function(){
						
                       // Resets the tween and changes the element back to its original size
						this.set('tween', {}).tween('margin-left', '0px');
	
                    }
					
                }
      }).adopt(
	  new Element('a', {
		        'id' : 'enlace2',
                'class': 'enlace1',
				'href':'?seccion=equipo',
                'events': {
                    'click': function(){
                    },
                    'mouseover': function(){
                    }
                }
      }).appendText('Equipo Educativo')
	  );
	  
	  
	  
	  var elementoQuienes3 = new Element('li', {
		        'id' : 'opcion3',
                'class': 'opcion1',
                'events': {
                    'click': function(){
                    },
                    'mouseenter': function(){
						
                       this.set('tween', {
							duration: 1000,
							transition: myTransitionli.easeOut // This could have been also 'bounce:out'
						}).tween('margin-left', '10px');
						
                    },
					'mouseleave': function(){
						
                        // Resets the tween and changes the element back to its original size
						this.set('tween', {}).tween('margin-left', '0px');
						
                    }					
                }
      }).adopt(
	  new Element('a', {
		        'id' : 'enlace3',
                'class': 'enlace1',
				'href':'?seccion=quienesorigen',
                'events': {
                    'click': function(){
                    },
                    'mouseover': function(){
                    }
                }
      }).appendText('Origen')
	  );
	  
			
			
	  
	  var elementoQuienes4 = new Element('li', {
		        'id' : 'opcion4',
                'class': 'opcion1',
                'events': {
                    'click': function(){
                    },
                    'mouseenter': function(){
						
                        this.set('tween', {
							duration: 1000,
							transition: myTransitionli.easeOut // This could have been also 'bounce:out'
						}).tween('margin-left', '10px');
	
                    },
					
					'mouseleave': function(){
						
                        // Resets the tween and changes the element back to its original size
						this.set('tween', {}).tween('margin-left', '0px');
	
                    }
                }
      }).adopt(
	  new Element('a', {
		        'id' : 'enlace4',
                'class': 'enlace1',
				'href':'?seccion=contacto',
                'events': {
                    'click': function(){
                    },
                    'mouseover': function(){
                    }
                }
      }).appendText('Contacto')
	  );
	  
	  
	  
	  
	  var elementoOferta1 = new Element('li', {
		        'id' : 'opcionOferta1',
                'class': 'opcion1',
                'events': {
                    'click': function(){
                    },
                    'mouseenter': function(){
						
                        this.set('tween', {
							duration: 1000,
							transition: myTransitionli.easeOut // This could have been also 'bounce:out'
						}).tween('margin-left', '10px');
	
                    },
					
					'mouseleave': function(){
						
                        // Resets the tween and changes the element back to its original size
						this.set('tween', {}).tween('margin-left', '0px');
	
                    }
                }
      }).adopt(
	  new Element('a', {
		        'id' : 'enlace4',
                'class': 'enlace1',
				'href':'?seccion=artesescultura',
                'events': {
                    'click': function(){
                    },
                    'mouseover': function(){
                    }
                }
      }).appendText('Artes aplicadas de la Escultura')
	  );
	  			
				
				
	  var elementoOferta2 = new Element('li', {
		        'id' : 'opcionOferta2',
                'class': 'opcion1',
                'events': {
                    'click': function(){
                    },
                    'mouseenter': function(){
						
                        this.set('tween', {
							duration: 1000,
							transition: myTransitionli.easeOut // This could have been also 'bounce:out'
						}).tween('margin-left', '10px');
	
                    },
					
					'mouseleave': function(){
						
                        // Resets the tween and changes the element back to its original size
						this.set('tween', {}).tween('margin-left', '0px');
	
                    }
                }
      }).adopt(
	  new Element('a', {
		        'id' : 'enlace4',
                'class': 'enlace1',
				'href':'?seccion=artespiedra',
                'events': {
                    'click': function(){
                    },
                    'mouseover': function(){
                    }
                }
      }).appendText('Artes aplicadas de la Piedra')
	  );
	  
	  
	  
	  var elementoOferta3 = new Element('li', {
		        'id' : 'opcionOferta3',
                'class': 'opcion1',
                'events': {
                    'click': function(){
                    },
                    'mouseenter': function(){
						
                        this.set('tween', {
							duration: 1000,
							transition: myTransitionli.easeOut // This could have been also 'bounce:out'
						}).tween('margin-left', '10px');
	
                    },
					
					'mouseleave': function(){
						
                       // Resets the tween and changes the element back to its original size
						this.set('tween', {}).tween('margin-left', '0px');
	
                    }
                }
      }).adopt(
	  new Element('a', {
		        'id' : 'enlace4',
                'class': 'enlace1',
				'href':'?seccion=artesmadera',
                'events': {
                    'click': function(){
                    },
                    'mouseover': function(){
                    }
                }
      }).appendText('Artes aplicadas de la Madera')
	  );
	  
	  
	  var elementoOferta4 = new Element('li', {
		        'id' : 'opcionOferta4',
                'class': 'opcion1',
                'events': {
                    'click': function(){
                    },
                    'mouseenter': function(){
						
                        this.set('tween', {
							duration: 1000,
							transition: myTransitionli.easeOut // This could have been also 'bounce:out'
						}).tween('margin-left', '10px');
	
                    },
					
					'mouseleave': function(){
						
                        // Resets the tween and changes the element back to its original size
						this.set('tween', {}).tween('margin-left', '0px');
	
                    }
                }
      }).adopt(
	  new Element('a', {
		        'id' : 'enlace4',
                'class': 'enlace1',
				'href':'?seccion=artesmetal',
                'events': {
                    'click': function(){
                    },
                    'mouseover': function(){
                    }
                }
      }).appendText('Artes aplicadas del Metal')
	  );
	  
	  var elementoOferta5 = new Element('li', {
		        'id' : 'opcionOferta5',
                'class': 'opcion1',
                'events': {
                    'click': function(){
                    },
                    'mouseenter': function(){
						
                        this.set('tween', {
							duration: 1000,
							transition: myTransitionli.easeOut // This could have been also 'bounce:out'
						}).tween('margin-left', '10px');
	
                    },
					
					 'mouseleave': function(){
						
                        // Resets the tween and changes the element back to its original size
						this.set('tween', {}).tween('margin-left', '0px');
	
                    }
                }
      }).adopt(
	  new Element('a', {
		        'id' : 'enlace4',
                'class': 'enlace1',
				'href':'?seccion=artesmuro',
                'events': {
                    'click': function(){
                    },
                    'mouseover': function(){
                    }
                }
      }).appendText('Artes aplicadas del Muro')
	  );
	  
	  
	  var elementoOferta6 = new Element('li', {
		        'id' : 'opcionOferta6',
                'class': 'opcion1',
                'events': {
                    'click': function(){
                    },
                    'mouseenter': function(){
						
                        this.set('tween', {
							duration: 1000,
							transition: myTransitionli.easeOut // This could have been also 'bounce:out'
						}).tween('margin-left', '10px');
	
                    },
					
					 'mouseleave': function(){
						
                        // Resets the tween and changes the element back to its original size
						this.set('tween', {}).tween('margin-left', '0px');
	
                    }
                }
      }).adopt(
	  new Element('a', {
		        'id' : 'enlace5',
                'class': 'enlace1',
				'href':'?seccion=bachillerato',
                'events': {
                    'click': function(){
                    },
                    'mouseover': function(){
                    }
                }
      }).appendText('Bachillerato de Artes')
	  );
	  
	  
	  var elementoAlumnos1 = new Element('li', {
		        'id' : 'opcionAlumnos1',
                'class': 'opcion1',
                'events': {
                    'click': function(){
                    },
                    'mouseenter': function(){
						
                        this.set('tween', {
							duration: 1000,
							transition: myTransitionli.easeOut // This could have been also 'bounce:out'
						}).tween('margin-left', '10px');
	
                    },
					
					 'mouseleave': function(){
						
                        // Resets the tween and changes the element back to its original size
						this.set('tween', {}).tween('margin-left', '0px');
	
                    }
                }
      }).adopt(
	  new Element('a', {
		        'id' : 'enlaceAlumnos1',
                'class': 'enlace1',
				'href':'?seccion=galardones',
                'events': {
                    'click': function(){
                    },
                    'mouseover': function(){
                    }
                }
      }).appendText('Premios y Galardones')
	  );
	  
	  var elementoAlumnos2 = new Element('li', {
		        'id' : 'opcionAlumnos2',
                'class': 'opcion1',
                'events': {
                    'click': function(){
                    },
                    'mouseenter': function(){
						
                        this.set('tween', {
							duration: 1000,
							transition: myTransitionli.easeOut // This could have been also 'bounce:out'
						}).tween('margin-left', '10px');
	
                    },
					
					 'mouseleave': function(){
						
                        // Resets the tween and changes the element back to its original size
						this.set('tween', {}).tween('margin-left', '0px');
	
                    }
                }
      }).adopt(
	  new Element('a', {
		        'id' : 'enlaceAlumnos2',
                'class': 'enlace1',
				'href':'?seccion=proyectosfincurso',
                'events': {
                    'click': function(){
                    },
                    'mouseover': function(){
                    }
                }
      }).appendText('Proyectos Fin Curso')
	  );
	  
	 	  
	  // submenu de quienes
	  var capaMenuQuienes = new Element('ul', {
		        'id' : 'menu1',
                'class': 'menu1',
				'styles': {
					'display':'none'
				},
                'events': {
                    'click': function(){
                    },
                    'mouseenter': function(){
						
                    },
					'mouseleave': function(){
						
                    }
                }
            });
	
	  // submenu de oferta
	  var capaMenuOferta = new Element('ul', {
		        'id' : 'menu2',
                'class': 'menu1',
				'styles': {
					'display':'none'
				},
                'events': {
                    'click': function(){
                    },
                    'mouseenter': function(){
						
                    },
					'mouseleave': function(){
						
                    }
                }
       });
			
	// submenu de quienes
	  var capaMenuAlumnos = new Element('ul', {
		        'id' : 'menu3',
                'class': 'menu1',
				'styles': {
					'display':'none'
				},
                'events': {
                    'click': function(){
                    },
                    'mouseenter': function(){
						
                    },
					'mouseleave': function(){
						
                    }
                }
       });
			
	capaMenuQuienes.adopt(elementoQuienes1);	
	capaMenuQuienes.adopt(elementoQuienes2);
	capaMenuQuienes.adopt(elementoQuienes3);
	capaMenuQuienes.adopt(elementoQuienes4);
	
	capaMenuOferta.adopt(elementoOferta1);
	capaMenuOferta.adopt(elementoOferta2);
	capaMenuOferta.adopt(elementoOferta3);
	capaMenuOferta.adopt(elementoOferta4);
	capaMenuOferta.adopt(elementoOferta5);
	capaMenuOferta.adopt(elementoOferta6);
	
	capaMenuAlumnos.adopt(elementoAlumnos1);
	capaMenuAlumnos.adopt(elementoAlumnos2);
	
			
	  window.addEvent('domready', function() {
		  

	  // añado todos los submenus
	  $('menuQuienes').adopt(capaMenuQuienes);	
	  $('menuOferta').adopt(capaMenuOferta);
	  $('menuAlumnos').adopt(capaMenuAlumnos);		
	  
	  // fin de añadir todos los submenus
	  
	  $('menuQuienes').addEvents({
	
		'mouseenter': function() {		
			    	capaMenuQuienes.setStyle("display","block");
		},
		'mouseleave': function() {
			capaMenuQuienes.setStyle("display","none");
		}
	});
	
	
	$('menuOferta').addEvents({
	
		'mouseenter': function() {		
			    	capaMenuOferta.setStyle("display","block");
		},
		'mouseleave': function() {
			capaMenuOferta.setStyle("display","none");
		}
	});
	
	$('menuAlumnos').addEvents({
	
		'mouseenter': function() {		
			    	capaMenuAlumnos.setStyle("display","block");
		},
		'mouseleave': function() {
			capaMenuAlumnos.setStyle("display","none");
		}
	});
									
									
							  
	  });