// Extranet 

// Este es con el efecto animado, pero hay que sacarle el height en el css al div #extranet 
/*
$(document).ready(function() {
	$("a.panel_button").click(function(){
		$("#extranet").animate({height: "200px"})
		.animate({height: "154px"}, "fast");
		$("a.panel_button").toggle();
	});	
	
   $("a#hide_button").click(function(){
		$("#extranet").animate({height: "0px"}, "fast");
   });	
});
*/

jQuery(document).ready(function() {
	jQuery("a.panel_button").click(function(){
		jQuery("#extranet").slideToggle("normal");
		jQuery("a.panel_button").toggle();
	});	
	
   jQuery("a#hide_button").click(function(){
		jQuery("#extranet").slideUp("normal");
   });	
});


jQuery.fn.fadeToggle = function(speed, easing, callback) {
   return this.animate({opacity: 'toggle'}, speed, easing, callback);

}; 
      jQuery(document).ready(function() {
        jQuery('a.staff').click(function() {
	         jQuery("#staff").fadeToggle();
			  jQuery("#brochure").fadeOut();
			  //$("#staff").slideToggle();
        });
		jQuery('a.team').click(function() {
	          jQuery("#brochure").fadeToggle('fast');
			  jQuery("#staff").fadeOut();
			//  $("#brochure").slideToggle('fast');
       });
      });	