function decode(str) {
       var result = "";
       for (var i = 0; i < str.length; i++) {
              if (str.charAt(i) == "+") result += " ";
              else result += str.charAt(i);
       }
              return unescape(result);
}


$(document).ready(function() {
               $(".cta").mouseenter(function(){
                $(".beam",this).animate({width: '220px'}, 200, "easeInCubic");
              });
              
              $(".cta").mouseleave(function(){
                $(".beam",this).animate({width: '0px'}, 200, "easeInCubic");
              });
              
          var tabbedcontents = "#tabbed-holder";
          var tabbedmenu = "#tabs";
        
           $($(tabbedcontents)).children("div:not(:first)").css("display", "none"); //hide all but the first div if content
        
           var currentOn = $($(tabbedcontents + " div:first")) // set current var
           $('[rel=tab]').click(function(e) {
             e.preventDefault(); // to stop the div jump
             $(tabbedmenu + ' li a.active').removeClass('active');
             $(tabbedmenu + ' li.active').removeClass('active');
             $(this).addClass('active');
             $(this).parent().addClass('active');
             currentOn.css("display", "none");
             $($(this).attr("href")).css("display", "block");
             currentOn = $($(this).attr("href"));
           });
          displayMainBanner();
       });

        
        
         function displayMainBanner() {
            $('#banner').append('<div id="banner-tray"></div>');
            $('#banner-tray').append('<ul></ul>');
           $('#main-slide-holder ul li').remove();
            var imageList = $('#main-slide-holder ul');
            var list = $('#banner-tray ul');
           $('#banner').append('<a class="bannerNav" id="goNext">next</a>'); 
           $('#banner').append('<a class="bannerNav"  id="goBack">back</a>'); 
            $.each(BannerList , function(index, obj) {
                if (obj != null) {
                  imageList.append('<li><a href="'+obj.spotLightLink+'" class="spotlight"><span class="thumbHold"><img src="'+obj.spotlightThum+'"/><img src="/images/read-more-banner.jpg" class="banner-read-more-float" alt="read more"/></span><h4>'+decode(obj.spotlightTitle)+'</h4><p>'+decode(obj.spotlightText)+'</p></a><img src="' + obj.src + '" alt="' + obj.alt + '" width="938" height="298" /></li>');
                }
            });
          
            $.each(BannerList , function(index, obj) {
                if (obj != null) {
                  if(index == 4){
                     list.append('<li class="lastBannerPage"><a>'+obj.itemTitle+'</a> </li>');
                  }else{
                    list.append('<li class="pos-'+index+'"><a>'+obj.itemTitle+'</a> </li>');
                  }
                          
                }
            });
            var mainAnimate = new bannerAnimate("banner div#main-slide-holder ul", "div#banner-tray ul li", 938, "none", 1);
           
           }