$(document).ready(function(){
   $("#CloseClima").click(function(event){
    event.preventDefault();
    $("#contenedorClima").animate({right: -400}, 500);
    $("#clima").animate({right: 0}, 500);
    $("#music").animate({right: 0}, 500);
});

$("#clima").click(function(event){
    event.preventDefault();
    $("#contenedorClima").animate({right: 0}, 500);
    $("#clima").animate({right: -80}, 500);
    $("#music").animate({right: -80}, 500);
   });

	$("#CloseMusic").click(function(event){
	    event.preventDefault();
	    $("#contenedorMusic").animate({right: -400}, 500);
	    $("#music").animate({right: 0}, 500);
	});
	
	$("#music").click(function(event){
	    event.preventDefault();
	    $("#contenedorMusic").animate({right: 0}, 500);
	    $("#music").animate({right: -80}, 500);
	   });
});


function cambiarFondo(imagen, color){

   var ruta = 'img/fondos/' + imagen;
   //$('#backgroundImage').animate({ opacity: 0.0 }, 1000, function(){$('#backgroundImage').attr("src", ruta);$('#backgroundImage').animate({ opacity: 0.90 }, 1000); });
   $('body').css('backgroundColor', color);
   $('#backgroundImage').fadeOut(function() {
    $(this).load(function() {
        $(this).fadeIn();
    }).attr('src', ruta);
});
}

function FadeInBackground(){
	$('#backgroundImage').animate({opacity:1}, 1000);
}

function mostrarMenu2(id, menuId){
	var menus = $('.Menu2');
	
	menus.each(function(index){
		$('#' + this.id).css('display', 'none');
	});
	
	$('#' + id).fadeIn('slow');
	
	var menus1 = $('.itemMenu1On');
	menus1.each(function(index){
	
		$('#' + this.id).removeClass('itemMenu1On'); 
		$('#' + this.id).addClass('itemMenu1'); 
	});
	
	$("#" + menuId).removeClass('itemMenu1'); 
	$("#" + menuId).addClass('itemMenu1On'); 
	
}