      
   function cargarEfecto(){ 
	$(document).ready(function(){
	    mouseOver('#textoMenuHome', '#home', 'grey')
	    mouseOver('#textoMenuHistoria', '#historia', 'grey');     
	    mouseOver('#textoMenuHorario', '#horario', 'grey');  
	    mouseOver('#textoMenuNoticias', '#noticias', 'grey');  
	    mouseOver('#textoMenuFotografias', '#galeria', 'grey');   
	    mouseOver('#textoMenuContacto', '#contacto', 'grey');
	    
	    mouseOut('#textoMenuHome', '#home', 'black')
	    mouseOut('#textoMenuHistoria', '#historia', 'black');     
	    mouseOut('#textoMenuHorario', '#horario', 'black');  
	    mouseOut('#textoMenuNoticias', '#noticias', 'black');  
	    mouseOut('#textoMenuFotografias', '#galeria', 'black');   
	    mouseOut('#textoMenuContacto', '#contacto', 'black');
	});
    }
    
    function mouseOver(divOver, divChange, color){
	$( divOver ).mouseover( function(){
	  $( divChange ).css( 'color', color );});
    }
      
    function mouseOut(divOver, divChange, color){
	$( divOver ).mouseout( function(){
	  $( divChange ).css( 'color', color );});
    }
    
    function cargarMenu(){
	cargarEnlace("textoMenuHome", "home", "logo.jpg", "home");   
	cargarEnlace("textoMenuHistoria", "historia", "GenericPicture.png", "historia");
	cargarEnlace("textoMenuHorario", "horario", "Calculator.png", "horario");  
	cargarEnlace("textoMenuNoticias", "noticias", "Token_Help.png", "noticias");  
	cargarEnlace("textoMenuFotografias", "galeria", "Preview.png", "galeria");   
	cargarEnlace("textoMenuContacto", "contacto", "Mail.png", "contacto");
    }
    
    function cargarEnlace( div, div2, imagen, enlace){
	imagen = "menu/images/" + imagen;
		
	if(enlace!= 'home'){
	    document.write( 
		    '<a href="'+ enlace +'.html" id="enlace">' + 
			'<div id="'+ div + '">' +
			    '<img id="imgMenu" src="' + imagen + '" width="20" height="20"/>' +
				'<div id="' + div2 + '" class="textoMenu">' +
				    enlace +
				'</div>' +
			'</div>'+
		    '</a>');
	} else{
	    document.write( 
		    '<a href="index.html" id="enlace">' + 
			'<div id="'+ div + '">' +
			    '<img id="imgMenu" src="' + imagen + '" width="20" height="20"/>' +
				'<div id="' + div2 + '" class="textoMenu">' +
				    enlace +
				'</div>' +
			'</div>'+
		    '</a>');
	}
    }


