$(document).ready(function() {
                $('#q').click(function(e) {
                  e.preventDefault();  // to stop the div jump
                    if (this.value == 'Search...') {
                        this.value = '';
                    }
                });
        
                $('#go').click(function(e) {
                  e.preventDefault();  // to stop the div jump
                    doSearch();
                });
     
      displayMainBanner();      
    });
        

   
          function displayMainBanner() {
            $('#main-slide-holder ul li').remove();
              $("#banner").append("<div class='main-paging'><ul></ul></div>");
              var mainPaging = $(".main-paging ul");
              var imageList = $('#main-slide-holder ul');

              $.each(BannerList , function(index, obj) {
                  if (obj != null) {
                    var current = "";
                    if (index === 0) {
                        current = "current";
                    }
                    imageList.append('<li><a href="'+obj.link+'"><img src="'+obj.src+'" alt="'+obj.alt+'"/></a><div class="header-cta"><h3><a href="'+obj.link+'" >'+obj.linkTitle+'</a></h3><p><a href="'+obj.link+'" ><span>'+unescape(obj.linkText)+'</span></a></p></div></li>');
                    mainPaging.append('<li><a class="bannerNav ' + current + '" rel="' + index + '">' + (index + 1) + '</a></li>');
                  }
                  
              });
               var widhtOfPaging = BannerList.length * 22;
                $(".main-paging ul").css("width", widhtOfPaging);
        var mainAnimate = new bannerAnimate("banner div#main-slide-holder ul", ".main-paging ul li", 665, 6000, 1);

           }