function puff() {
  
  /* Move the .puff from the .column and put it in the wrapper for positioning */
   $(".puff").appendTo(".agilo .spotlight .wrapper");
   
   var arrow = '<div class="arrow"></div>';
   $(".puff").append(arrow);

   $("a.info").hover(
    function(){
      /* setup */
      $header = $(this).parents(".column").find("h2");
      cssClass = "."+$(this).attr("class").slice(5);
      element = ".puff"+cssClass;
      
      /* pulse in */
      $header.animate({
        color: "#368DCF"
      },500);
      
      /* hover in */
      _in(element);
     },
     function(){
       /* pulse out */
       $header.animate({
         color: "#000"
       },500);
       
      /* hover out */
      _out(element);
    });
}

function _in(element) {
  $(this).css("background", "green");
  $(element).show().animate({
    bottom: "100px",
    opacity: 1
  },500).bind("mouseenter", function(e){
    $(this).stop(true).bind("mouseleave", function(e){
      $(this).animate({
        bottom: "200px",
        opacity: 0
      },500).animate({
        bottom: "60px"
      },0).unbind();
    });
  });
}

function _out(element) {
  $(element).animate({
    bottom: "200px",
    opacity: 0
  },500).animate({
    bottom: "60px"
  },0);
}