/* Settings */
var logoNormalOpacity = 0.3;
var logoHoverOpacity = 1;
var tooltipMaxOpacity = 0.85;

$(function(){
  $(document).click(removeExistingTooltips);
  $(".section a").click(showNewTooltip);
  $(".logo").css("opacity", logoNormalOpacity)
    .mouseover(onLogoMouseOver)
    .mouseout(onLogoMouseOut);
});

function onLogoMouseOver(e) {
  $(this).stop().animate({opacity:logoHoverOpacity}, 300);
}

function onLogoMouseOut(e) {
  $(this).stop().animate({opacity:logoNormalOpacity}, 300);
}

function removeExistingTooltips() {
  $(".tooltip").fadeOut(300, function() { $(this).remove(); });
}

function showNewTooltip(e) {
  removeExistingTooltips();
  var parentClasses = $(e.currentTarget).closest("div.section").attr("class").split(" ");
  var extraClass = "";
  for( var i in parentClasses ) {
    if (String(parentClasses[i]).indexOf("section-")!==false) extraClass = String(parentClasses[i]).replace("section-", "");
  }
  var tooltip = $('<div class="tooltip tooltip-'+extraClass+'">'+$(this).closest("div.section").find(".content").html()+'</div>');
  $("body").append(tooltip);
  tooltip.animate({opacity:tooltipMaxOpacity}, 300);
  return false;
}

/* IE HTML5 shiv */
/*@cc_on'abbr article aside audio canvas details figcaption figure footer header hgroup mark menu meter nav output progress section summary time video'.replace(/\w+/g,function(n){document.createElement(n)})@*/