$(function(){
	$('#boton').click(function(){
		var menu = $('#menu');
		if (0 == $(menu).offset().left) {
			$(menu).animate({'left':'-370px'},'slow');
			$(this).html('<img src="images/flecha_der.png" alt="=&gt;" />');
		} else {
			$(menu).animate({'left':'0px'},'slow');
			$(this).html('<img src="images/flecha_izq.png" alt="=&gt;" />');
		}
	});
	$('#up-down').click(function(){
		var menu = $('#menu2');
		if ('0px' == $(menu).css('bottom')) {
			$(menu).animate({'bottom':'-60px'},'slow');
			$(this).html('<img src="images/flecha_sube.png" alt="up" />');
		} else {
			$(menu).animate({'bottom':'0px'},'slow');
			$(this).html('<img src="images/flecha_baja.png" alt="down" />');
		}
	});
	$('#up-down').click(function(){
		var menu = $('#menu3');
		if ('0px' == $(menu).css('bottom')) {
			$(menu).animate({'bottom':'-60px'},'slow');
			$(this).html('<img src="images/flecha_sube.png" alt="up" />');
		} else {
			$(menu).animate({'bottom':'0px'},'slow');
			$(this).html('<img src="images/flecha_baja.png" alt="down" />');
		}
	});
});