$(function() {
		   $('h3').hide();
// OPACITY OF BUTTON SET TO 50%
$("#menu li img").css("opacity","0.2");

// ON MOUSE OVER
$("#menu li img").hover(function () {
// SET OPACITY TO 100%
$(this).stop().animate({

opacity: 1.0

}, "normal");

},

 

// ON MOUSE OUT

function () {

// SET OPACITY BACK TO 50%

$(this).stop().animate({

opacity: 0.2

}, "slow");

});

$("#btn1").click(function () {
	$('#menu ul:visible').slideUp('slow');
	
	$('#tresdtitulo').fadeOut('fast');
	$('#animationtitulo').fadeOut('fast');
	$('#logotitulo').fadeOut('fast');
	$('#webtitulo').fadeOut('fast');
	$('#dosdtitulo').fadeIn('slow');

	$("#menu .3d").fadeOut("fast"); 
	$("#menu .Animation").fadeOut("fast"); 
	$("#menu .Logo").fadeOut("fast"); 
	$("#menu .Web").fadeOut("fast");
	$("#menu .2dillustration").fadeIn("slow"); 
});
$("#btn2").click(function () {
	$('#menu ul:visible').slideUp('slow');
	
	$('#dosdtitulo').fadeOut('fast');
	$('#animationtitulo').fadeOut('fast');
	$('#logotitulo').fadeOut('fast');
	$('#webtitulo').fadeOut('fast');
	$('#tresdtitulo').fadeIn('slow');
	
	$("#menu .2dillustration").fadeOut("fast"); 
	$("#menu .Animation").fadeOut("fast"); 
	$("#menu .Logo").fadeOut("fast"); 
	$("#menu .Web").fadeOut("fast");
	$("#menu .3d").fadeIn("slow"); 
});
$("#btn3").click(function () {
	$('#menu ul:visible').slideUp('slow');
	
	$('#dosdtitulo').fadeOut('fast');
	$('#tresdtitulo').fadeOut('fast');
	$('#logotitulo').fadeOut('fast');
	$('#webtitulo').fadeOut('fast');
	$('#animationtitulo').fadeIn('slow');
	
	$("#menu .2dillustration").fadeOut("fast"); 
	$("#menu .3d").fadeOut("fast"); 
	$("#menu .Logo").fadeOut("fast"); 
	$("#menu .Web").fadeOut("fast");
	$("#menu .Animation").fadeIn("slow"); 
});
$("#btn4").click(function () {
	$('#menu ul:visible').slideUp('slow');
	
	$('#dosdtitulo').fadeOut('fast');
	$('#tresdtitulo').fadeOut('fast');
	$('#animationtitulo').fadeOut('fast');
	$('#webtitulo').fadeOut('fast');
	$('#logotitulo').fadeIn('slow');
	
	$("#menu .2dillustration").fadeOut("fast"); 
	$("#menu .3d").fadeOut("fast"); 
	$("#menu .Animation").fadeOut("fast"); 
	$("#menu .Web").fadeOut("fast");
	$("#menu .Logo").fadeIn("slow"); 
});
$("#btn5").click(function () {
	$('#menu ul:visible').slideUp('slow');
	
	$('#dosdtitulo').fadeOut('fast');
	$('#tresdtitulo').fadeOut('fast');
	$('#animationtitulo').fadeOut('fast');
	$('#logotitulo').fadeOut('fast');
	$('#webtitulo').fadeIn('slow');
	
	$("#menu .2dillustration").fadeOut("fast"); 
	$("#menu .3d").fadeOut("fast"); 
	$("#menu .Animation").fadeOut("fast"); 
	$("#menu .Logo").fadeOut("fast");
	$("#menu .Web").fadeIn("slow"); 
});
$("#btn6").click(function () {
	$('#menu ul:visible').slideUp('slow');
	
	$('#dosdtitulo').fadeOut('fast');
	$('#tresdtitulo').fadeOut('fast');
	$('#animationtitulo').fadeOut('fast');
	$('#logotitulo').fadeOut('fast');
	$('#webtitulo').fadeOut('slow');
	$("#box").slideToggle();
	
	$("#menu .2dillustration").fadeIn("slow");
	$("#menu .3d").fadeIn("slow"); 
	$("#menu .Animation").fadeIn("slow"); 
	$("#menu .Logo").fadeIn("slow");
	$("#menu .Web").fadeIn("slow"); 
});
});