$(document).ready( function() {


// Bordes redondeados
		$('.div').corner('7px');
		$('.head').corner('top 7px');
		$('#form').corner('bottom 10px');
		$('#botonera').corner('tr 10px');
		$('#btn3').corner('tr 10px');


// Funciones y efectos	
		$('.bar').hover(function() {

		    $(this).delay(370).animate({height:120},'easein');

		}, function() {

		    $(this).stop(true).animate({height:40},'easeout');

		});

		$('.mail').toggle( function() {

			$('#form').fadeIn('easein');
			$("input[id='name']").focus();

		},
		function() {
		
			$('#form').fadeOut('easeout');

		});

		$('.mail').hover( function() {

			$('.mail').css("cursor", "hand");
			$('.mail').css("background-image", "url('images/mail_hover.png')")

		},
		function() {	

			$('.mail').css("cursor", "pointer");
			$('.mail').css("background-image", "url('images/mail.png')")

		});
		
		$('#container2').fadeOut(0);
		$('#container3').fadeOut(0);
		
		$('#btn1').click( function() {
			
			$('#container2').fadeOut(500);
			$('#container3').fadeOut(500);
			$('#container1').delay(500).fadeIn('easein');

		});
		
		$('#btn2').click( function() {
			
			$('#container1').fadeOut(500);
			$('#container3').fadeOut(500);
			$('#container2').delay(500).fadeIn('easein');

		});
		
		$('#btn3').click( function() {
			
			$('#container1').fadeOut(500);
			$('#container2').fadeOut(500);
			$('#container3').delay(500).fadeIn('easein');

		});
		
		var hash = window.location.hash;
		
		if(hash == "#Portfolio") {

			$('#container2').fadeOut(0);
			$('#container3').fadeOut(0);
			$('#container1').delay(100).fadeIn('easein');

		}
		
		if(hash == "#QuienSomos") {

			$('#container1').fadeOut(0);
			$('#container3').fadeOut(0);
			$('#container2').delay(100).fadeIn('easein');

		}
		
		if(hash == "#Servicios") {

			$('#container1').fadeOut(0);
			$('#container2').fadeOut(0);
			$('#container3').delay(100).fadeIn('easein');

		}

});