Cufon.replace('h1 div', { hover: true, fontFamily: 'Trajan Pro' }); 
Cufon.replace('h2', { hover: true, fontFamily: 'Trajan Pro' }); 
Cufon.replace('.widgetCTA span.widgetCTAHeaders', { hover: true, fontFamily: 'Trajan Pro' });


$(document).ready(function(){

     


     $(".widgetCTA").each ( function (){
     
          // find CTA background img path
          var backgroundImg =  $(this).find(".widgetCTAimg").css('background-image').replace(/"/g, '');
          var imgPath = backgroundImg.slice(4, (backgroundImg.length - 1));     
          $(this).find(".widgetCTAimg").css('background-image', '')
          $(this).find(".widgetCTAimg").append("<img src=" + imgPath  + " />");
          
         
          //set default img position to center
          var topOffset = -(($(this).find(".widgetCTAimg img").height()-70)/2);
          var leftOffset = -(($(this).find(".widgetCTAimg img").width()-200)/2);
          $(this).find(".widgetCTAimg img").css('top', topOffset)
          $(this).find(".widgetCTAimg img").css('left', leftOffset)
          
     });
     
      //animate the CTAs
     $(".widgetCTA a").hover(
     
          function () {
               //expand viewable area
               $(this).find(".widgetCTAimg").animate({ height: "97px" }, 200);
                
               //find new img dimensions 
               var currentHeight = $(this).find(".widgetCTAimg img").height();
               var currentWidth = $(this).find(".widgetCTAimg img").width();
               var newHeight = (currentHeight -= (currentHeight * .28) );
               var newWidth = (currentWidth -= (currentWidth * .28) );
               
               //expand img and keep centered
               $(this).find(".widgetCTAimg img").animate({ height: newHeight, width: newWidth, top: "0", left: "0" }, 200);
               
           }, function () {
                $(this).find(".widgetCTAimg").animate({ height: "70px" }, 200);
                var topOffset = -((191 - 70) / 2);
                var leftOffset = -((285 - 200) / 2);
                $(this).find(".widgetCTAimg img").animate({ height: "191", width: "285", top: topOffset, left: leftOffset }, 200);
         }
     );  

});