$(document).ready(function(){
 $(".imagen").mouseout(function() {
     $(".spa").css({'visibility':'hidden',});
   });
$(".avatar").mouseover(function() {
     $(".spa").css({'visibility':'visible',});
   });
 
});


$(document).ready(function(){
$(".flecha_der").click(function() {
	$("#navegacion").css("opacity","0");
	$("#navegacion").stop().animate({
	    opacity: 1
	    }, "slow");
	$(".unico:nth-child(n)").css({'visibility':'hidden','position':'absolute'});
	$(".unico:nth-child(n+9)").css({'visibility':'visible','position':'relative'}); 
   });
$(".flecha_iz").click(function() {
	$("#navegacion").css("opacity","0");
	$("#navegacion").stop().animate({
	    opacity: 1
	    }, "slow");
	$(".unico:nth-child(n)").css({'visibility':'visible','position':'relative'});
	$(".unico:nth-child(n+9)").css({'visibility':'hidden','position':'absolute'});
      
   });
 
});

$(document.getElementsByTagName('navegacion')[0]).ready(function() {										  
	// OPACITY OF BUTTON SET TO 50%
	$("#navegacion").css("opacity","0");
	// SET OPACITY TO 100%
	$("#navegacion").stop().animate({
	opacity: 1.0
	}, "slow");
});