// JavaScript Document


$(document).ready(function(){
	var altu = window.innerHeight - 100;
	//var content_ancho = window.innerWidth / 3;
	
	
	$("#wrap").css("height", altu);
	//$("#content").css("width", content_ancho);
	
	
	
	
	
	
	

	
var base = 1500;	


$("#button").click(function(){
	$("#button img").clone().prependTo("#load").fadeIn().fadeOut(base * 5);
	 
	   $("#button img").clone().prependTo("#load").fadeIn().fadeOut(base * 4);
	    $("#button img").clone().prependTo("#load").fadeIn().fadeOut(base * 3); 
		$("#button img").clone().prependTo("#load").fadeIn().fadeOut(base * 2); 
		$("#button img").clone().prependTo("#load").fadeIn().fadeOut(base * 1); 
		$("#button img").clone().prependTo("#load").fadeIn().fadeOut(base * 1); 
		$("#button img").clone().prependTo("#load").fadeIn().fadeOut(base * 1); 
	
	$("#button").fadeOut(500);
	$("#load").fadeOut(500);
	
	$('#logo').animate({  
	marginTop: 10
  }, 500, 'linear');

		
	$("#content").delay(500).fadeIn(500);
	$("#menu").delay(500).fadeIn(500);
	$("#home").addClass("actual");
	$("#home").delay(500).fadeIn(200);
	$("#logo img").addClass("home_btn");
	
	$("#wrap").css("height", altu);
	});		
	
	
	
	
	
	$("#about_btn").click(function(){
	$(".actual").delay(200).fadeOut(600);	
	
	$("#wrap").find(".actual").removeClass("actual");
	$("#about").addClass("actual");
	
	$("#about").delay(500).fadeIn(500);
	});		
	
	
	
	$("#work_btn").click(function(){
	$(".actual").delay(200).fadeOut(600);	

	$("#wrap").find(".actual").removeClass("actual");
	$("#work").addClass("actual");
	
	$("#work").delay(500).fadeIn(500);
	
	
	});		
	
	
	
	
	
	
	
	
	
	
	
	
	});