/*
Ryan Hubbard, 2009
With thanks to http://jquery.com/
*/

$(document).ready(function(){
  
  $("#project_toggle_1").click(function (event) {
	event.preventDefault();							// passing the 'event' through and calling this function keeps the anchor tag from making the page jump
	
	//The logic gives a different effect for A. switching from one open tab to another, and B. toggling a single tab open and closed 
	if ($("#project_detail_2").is(":hidden") && $("#project_detail_3").is(":hidden") && $("#project_detail_4").is(":hidden"))
	{
		if($("#project_detail_1").is(":hidden"))
		{
			//If they are all hidden, slide it open
			$("#project_detail_1").slideToggle("slow");
			$("#featured_project_1").toggleClass("collapsed").toggleClass("expanded");
		}
		else
		{
			//if the selected one is open, slide it closed
			$("#project_detail_1").slideToggle("slow", function(){$("#featured_project_1").toggleClass("collapsed").toggleClass("expanded")});
		}
	}
	else
	{
		//if you are switching from one already open, then just show/hide instantly so the page doesn't jump around while it's shrinking/expanding
		$("#project_detail_2").hide();
		$("#project_detail_3").hide();
		$("#project_detail_4").hide();
		$("#featured_project_2").removeClass("expanded").addClass("collapsed");
		$("#featured_project_3").removeClass("expanded").addClass("collapsed");
		$("#featured_project_4").removeClass("expanded").addClass("collapsed");
		
		$("#project_detail_1").show();
		$("#featured_project_1").toggleClass("collapsed").toggleClass("expanded");
	}
	
	pageTracker._trackPageview("/project/hiv"); 
		
  });

  $("#project_toggle_2").click(function (event) {
	event.preventDefault();
	
	if ($("#project_detail_1").is(":hidden") && $("#project_detail_3").is(":hidden") && $("#project_detail_4").is(":hidden"))
	{
		if($("#project_detail_2").is(":hidden"))
		{
			$("#project_detail_2").slideToggle("slow");
			$("#featured_project_2").toggleClass("collapsed").toggleClass("expanded");
		}
		else
		{
		$("#project_detail_2").slideToggle("slow", function(){$("#featured_project_2").toggleClass("collapsed").toggleClass("expanded")});
		}
	}
	else
	{
		$("#project_detail_1").hide();
		$("#project_detail_3").hide();
		$("#project_detail_4").hide();
		$("#featured_project_1").removeClass("expanded").addClass("collapsed");
		$("#featured_project_3").removeClass("expanded").addClass("collapsed");
		$("#featured_project_4").removeClass("expanded").addClass("collapsed");
		
		$("#project_detail_2").show();
		$("#featured_project_2").toggleClass("collapsed").toggleClass("expanded");
	}
	
	pageTracker._trackPageview("/project/stoves"); 
	
  });

  $("#project_toggle_3").click(function (event) {
	event.preventDefault();
	
	if ($("#project_detail_1").is(":hidden") && $("#project_detail_2").is(":hidden") && $("#project_detail_4").is(":hidden"))
	{
		if($("#project_detail_3").is(":hidden"))
		{
			$("#project_detail_3").slideToggle("slow");
			$("#featured_project_3").toggleClass("collapsed").toggleClass("expanded");
		}
		else
		{
		$("#project_detail_3").slideToggle("slow", function(){$("#featured_project_3").toggleClass("collapsed").toggleClass("expanded")});
		}
	}
	else
	{
		$("#project_detail_1").hide();
		$("#project_detail_2").hide();
		$("#project_detail_4").hide();
		$("#featured_project_1").removeClass("expanded").addClass("collapsed");
		$("#featured_project_2").removeClass("expanded").addClass("collapsed");
		$("#featured_project_4").removeClass("expanded").addClass("collapsed");
		
		$("#project_detail_3").show();
		$("#featured_project_3").toggleClass("collapsed").toggleClass("expanded");
	}	
	
	pageTracker._trackPageview("/project/uocd"); 

  });
  
    $(".project_toggle_4").click(function (event) {
	event.preventDefault();
	
	if ($("#project_detail_1").is(":hidden") && $("#project_detail_2").is(":hidden") && $("#project_detail_3").is(":hidden"))
	{
		if($("#project_detail_4").is(":hidden"))
		{
			$("#project_detail_4").slideToggle("slow");
			$("#featured_project_4").toggleClass("collapsed").toggleClass("expanded");
		}
		else
		{
		$("#project_detail_4").slideToggle("slow", function(){$("#featured_project_4").toggleClass("collapsed").toggleClass("expanded")});
		}
	}
	else
	{
		$("#project_detail_1").hide();
		$("#project_detail_2").hide();
		$("#project_detail_3").hide();
		$("#featured_project_1").removeClass("expanded").addClass("collapsed");
		$("#featured_project_2").removeClass("expanded").addClass("collapsed");
		$("#featured_project_3").removeClass("expanded").addClass("collapsed");
		
		$("#project_detail_4").show();
		$("#featured_project_4").toggleClass("collapsed").toggleClass("expanded");
	}	
	
	pageTracker._trackPageview("/project/ashoka"); 

  });


//Controls for the extra information links in the about section
  $(".about_toggle_1").click(function (event) {
  	event.preventDefault();
	$("#about_detail_2").hide("fast");
	$("#about_detail_3").hide("fast");
	$("#about_detail_4").hide("fast");
	$("#about_detail_5").hide("fast");
	$("#about_detail_6").hide("fast");
	$("#about_detail_7").hide("fast");
    $("#about_detail_1").slideToggle("normal");
	pageTracker._trackPageview("/about/olin"); 
  });

  $(".about_toggle_2").click(function (event) {
  	event.preventDefault();
	$("#about_detail_1").hide("fast");
	$("#about_detail_3").hide("fast");
	$("#about_detail_4").hide("fast");
	$("#about_detail_5").hide("fast");
	$("#about_detail_6").hide("fast");
	$("#about_detail_7").hide("fast");
    $("#about_detail_2").slideToggle("normal");
	pageTracker._trackPageview("/about/huddle"); 
  });
  
    $(".about_toggle_3").click(function (event) {
  	event.preventDefault();
	$("#about_detail_1").hide("fast");
	$("#about_detail_2").hide("fast");
	$("#about_detail_4").hide("fast");
	$("#about_detail_5").hide("fast");
	$("#about_detail_6").hide("fast");
	$("#about_detail_7").hide("fast");
    $("#about_detail_3").slideToggle("normal");
	pageTracker._trackPageview("/about/ashoka"); 
  });

    $(".about_toggle_4").click(function (event) {
  	event.preventDefault();
	$("#about_detail_1").hide("fast");
	$("#about_detail_2").hide("fast");
	$("#about_detail_3").hide("fast");
	$("#about_detail_5").hide("fast");
	$("#about_detail_6").hide("fast");
	$("#about_detail_7").hide("fast");
    $("#about_detail_4").slideToggle("normal");
	pageTracker._trackPageview("/about/designthinking"); 
  });
  
    $(".about_toggle_5").click(function (event) {
  	event.preventDefault();
	$("#about_detail_1").hide("fast");
	$("#about_detail_2").hide("fast");
	$("#about_detail_3").hide("fast");
	$("#about_detail_4").hide("fast");
	$("#about_detail_6").hide("fast");
	$("#about_detail_7").hide("fast");
    $("#about_detail_5").slideToggle("normal");
	pageTracker._trackPageview("/about/socialproblems"); 
  });
  
    $(".about_toggle_6").click(function (event) {
  	event.preventDefault();
	$("#about_detail_1").hide("fast");
	$("#about_detail_2").hide("fast");
	$("#about_detail_3").hide("fast");
	$("#about_detail_4").hide("fast");
	$("#about_detail_5").hide("fast");
	$("#about_detail_7").hide("fast");
    $("#about_detail_6").slideToggle("normal");
	pageTracker._trackPageview("/about/olin"); 
  });

    $(".about_toggle_7").click(function (event) {
  	event.preventDefault();
	$("#about_detail_1").hide("fast");
	$("#about_detail_2").hide("fast");
	$("#about_detail_3").hide("fast");
	$("#about_detail_4").hide("fast");
	$("#about_detail_5").hide("fast");
	$("#about_detail_6").hide("fast");
    $("#about_detail_7").slideToggle("normal");
	pageTracker._trackPageview("/about/talk"); 
  });

});