$(document).ready( function() {
  $(".teaserArea").each( function() {
    var textHeight = $(this).find (".teaserText").outerHeight();
    var titleHeight = $(this).find(".teaserText h2").outerHeight();
    $(this)
      .find(".teaserText")
        .css({
          bottom: 0 - textHeight + titleHeight,
          opacity: 0.75
        })
        .end()
      .hover(function() {
    	  $(this).find(".teaserText")
        .stop()
        .animate({
          bottom: 0,
          opacity: 1
        }, 1000, "easeInOutCubic")
      }, function() {
        $(this).find(".teaserText")
        .stop()
        .animate({
          bottom: 0 - textHeight + titleHeight,
          opacity: 0.75
        }, 750, "easeOutBounce")    	  
      });
//    $(this)
//    .find(".teaserText")
//      .css({
//        bottom: 0-titleOffset
//      })
//      .children()
//      .end()
//    .end()
//    .hover(function() {
//      $(this).find(".teaserText")
//      .stop()
//      .animate({
//        bottom: 0
//      }, 1000, "easeInOutCubic")
//    }, function() {
//      $(this).find(".teaserText")
//      .stop()
//      .animate({
//        bottom: 0-titleOffset
//      }, 750, "easeOutBounce")
//    });
  });
});