// Let's hope this works?

jQuery(document).ready(function() {
	
	// About Panel
		jQuery(".toggleAbout a").click(function(){
			jQuery("div#aboutpanel .panel").fadeToggle("slow");
				jQuery("div.billboard #about-slider_container").fadeToggle("slow");
				jQuery("div#portpanel .panel").fadeOut("slow");
				jQuery("div#investmentpanel .panel").fadeOut("slow");
				jQuery("div#contactpanel .panel").fadeOut("slow");
				jQuery(".togglePort a").removeClass("active");
				jQuery(".toggleInvest a").removeClass("active");
				jQuery(".toggleContact a").removeClass("active");
				
			jQuery(".toggleAbout a").toggleClass("active");
			
		});
		
		jQuery(".close").click(function(){
			jQuery("div.billboard #about-slider_container").fadeIn("slow");
			jQuery("div#aboutpanel .panel").fadeOut("slow");
			jQuery("div#portpanel .panel").fadeOut("slow");
			jQuery("div#investmentpanel .panel").fadeOut("slow");
			jQuery("div#contactpanel .panel").fadeOut("slow");
			
			jQuery(".active").removeClass("active");
		
		
		});
		
	// Portfolio Panel
		jQuery(".togglePort a").click(function(){
			jQuery("div#portpanel .panel").fadeToggle("slow");
				jQuery("div.billboard #about-slider_container").fadeToggle("slow");
				jQuery("div#aboutpanel .panel").fadeOut("slow");
				jQuery("div#investmentpanel .panel").fadeOut("slow");
				jQuery("div#contactpanel .panel").fadeOut("slow");
				jQuery(".toggleAbout a").removeClass("active");
				jQuery(".toggleInvest a").removeClass("active");
				jQuery(".toggleContact a").removeClass("active");
			
			jQuery(".togglePort a").toggleClass("active");
		});
		
		
	
	// Investment Panel
		jQuery(".toggleInvest a").click(function(){
			jQuery("div#investmentpanel .panel").fadeToggle("slow");
				jQuery("div.billboard #about-slider_container").fadeToggle("slow");
				jQuery("div#aboutpanel .panel").fadeOut("slow");
				jQuery("div#portpanel .panel").fadeOut("slow");
				jQuery("div#contactpanel .panel").fadeOut("slow");
				jQuery(".toggleAbout a").removeClass("active");
				jQuery(".togglePort a").removeClass("active");
				jQuery(".toggleContact a").removeClass("active");
			
			jQuery(".toggleInvest a").toggleClass("active");
		});
		
		
			
	// Contact Panel
		jQuery(".toggleContact").click(function(){
			jQuery("div#contactpanel .panel").fadeToggle("slow");
				jQuery("div.billboard #about-slider_container").fadeToggle("slow");
				jQuery("div#aboutpanel .panel").fadeOut("slow");
				jQuery("div#investmentpanel .panel").fadeOut("slow");
				jQuery("div#portpanel .panel").fadeOut("slow");
				jQuery(".toggleAbout a").removeClass("active");
				jQuery(".toggleInvest a").removeClass("active");
				jQuery(".togglePort a").removeClass("active");
			
			jQuery(".toggleContact a").toggleClass("active");
		});	
});