$(document).ready(function() {
	$('#WereHiringA-open').click(function() {
		$("#sidebarWereHiring").animate({ marginRight: "0px" }, 300 ); 
		$("#WereHiringA-open").css({ display: 'none', });	 
		$("#WereHiringA-close").css({ display: 'block', });	 
	});
	$('#WereHiringA-close').click(function() {
		$("#sidebarWereHiring").animate({ marginRight: "-610px" }, 300 ); 
		$("#WereHiringA-close").css({ display: 'none', });	 
		$("#WereHiringA-open").css({ display: 'block', });	 
		
	});
		
	$("#btn-features").toggle(
		function() {
			
			$('#features-content').slideDown(300);
		},
		function() {
			
			 $('#features-content').slideUp(300);
			
		}
	);

	

	$(".tab_content").hide(); //Esconde todo el contenido
	$("ul.tabs li:first").addClass("active").show(); //Activa la primera tab
	$(".tab_content:first").show(); //Muestra el contenido de la primera tab
	$("ul.tabs li").click(function() {		
		$("ul.tabs li").removeClass("active"); //Elimina las clases activas
		$(this).addClass("active"); //Agrega la clase activa a la tab seleccionada
		$(".tab_content").hide(); //Esconde todo el contenido de la tab
		var activeTab = $(this).find("a").attr("href"); //Encuentra el valor del atributo href para identificar la tab activa + el contenido
		$(activeTab).fadeIn(); //Agrega efecto de transición (fade) en el contenido activo
		return false;	
	});
});