$(document).ready(function(){
	
		$("#main_tabs").each(function(){
		
			$(".main_tab_content").hide(); // hide all main tabs 
			$(".main_tab_content:eq(0)").show(); // show only the first main tab when page loads
			
			$(".tab_section .tab_section_cont").hide(); //hide all tab sections
			$(".tab_section:eq(0) .tab_section_cont").show(); // show only the first tab section when the page loads
		
			$("#what-we-do-nav a").click(function(){
			
				$("#what-we-do-nav a").removeClass("main-active"); //Remove any "active" class
				$(this).addClass("main-active"); //Add "active" class to selected tab
				
				var href = $(this).attr('href');
				
				$(".main_tab_content").hide(); //Hide all tab content
				
				var activeTab = $(this).attr("rel"); //Find the href attribute value to identify the active tab + content
				
				$(activeTab).fadeIn(); //Fade in the active ID content
				
				$(activeTab + " .tab_section .tab_section_cont").hide(); //hide all tab sections
				$(activeTab + " .tab_section:eq(0) .tab_section_cont").show(); // show only the first tab section when the page loads 
				
				return false;
			
			});
			
			$(".hide-cont").click(function(){
				var href = $(this).attr("href");
				$(href).slideUp();
				return false;
			});
			
			$(".show-cont").click(function(){
				$(".tab_section_cont").slideUp();
				var href = $(this).attr("href");
				$(href).slideDown();
				return false;
			});
		
		});
		
		$('.tipsy').tipsy({gravity: 's'})
	
	});