$(document).ready(function() {
  
  // mpmetrics.set_config({'test': 1});
  
  window.scrollTo(0, 0);

  $("#filter-bar .filter").addClass("backgrounded");
  $("#filter-bar .filter.all").removeClass("backgrounded");
  $("#project-page").hide();

  // handle clicks on the filter bar 
  $("#filter-bar .filter").live("click", function() {
    var filter = $(this).text();
    // mpmetrics.track("Filter click", {"skill": filter});
    $("#filter-bar .filter").addClass("backgrounded");
    $(this).removeClass("backgrounded");
    if(filter == "all") {
      $(".single-project").show();
      return;
    }
    $(".single-project").each(function(i, elt) {
      if($(this).children("a").children(".project-skills").text().toLowerCase().indexOf(filter.toLowerCase()) == -1) {
        $(this).hide();
      } else {
        $(this).show();
      }
    });
  });
  
  // set up the slideshow on the SOCHI page
  $('div.sochi-show').spriteshow({
    controls: $('div.controls'),
    effect: 'fade',
    number: 5, 
    play_delay: 5000 
  }); 
  




  var previous_page = "";
  
  $("ul.tiny-thumbs li.current a").live("click", function() {return false;});
  
  var hash = "";
  
  $(window).hashchange(function() {
    hash = location.hash.replace( /^#/, '');
    
    // track with google analytics
    _gaq.push(['_trackEvent', "hash", hash]);
    
    if(hash != "") {
      // GO TO A PROJECT PAGE
      
      // special track for funnel
      // if(hash == "about") mpmetrics.track("'About me' pageview");    
        
      // if(hash == "") {
      //   mpmetrics.track("Pageview", "home");
      // } else {
      //   mpmetrics.track("Pageview", hash);
      // }
      
      if(previous_page == "") {
        $("#about-banner, #pre-project-container, #project-container").hide();
        $(".project-detail").hide(); // hide all projects
        $("#"+hash).show(); // show just this one
        $("#project-page").show();
      } else if(previous_page == "home") {
        $("#about-banner, #pre-project-container, #project-container").fadeOut("fast", function() {
          $(".project-detail").hide(); // hide all projects
          $("#"+hash).show(); // show just this one
          $("#project-page").fadeIn("fast");
        });
      } else if(previous_page == "project") {
        $(".rightside").fadeOut("fast", function() {
          $(".project-detail").hide(); // hide all projects
          $("#"+hash).show(); // show just this one
          $(".rightside").fadeIn("fast");
        });
      }
      
      $("ul.tiny-thumbs li").removeClass("current");
      $("ul.tiny-thumbs li[project='"+hash+"']").addClass("current");
      
      previous_page = "project";
    } else {
      // GO HOME
      $("#filter-bar .filter.all").click();
      if(previous_page == "project") {
        $("#project-page").fadeOut("fast", function() {
        $("#about-banner, #pre-project-container, #project-container").fadeIn("fast"); // fade in the container
        });
      }
      previous_page = "home";

    }
    
  });
  
  $(window).hashchange();
  
});