function changeSlide() {    
        var $active = $('#content-billboard DIV.active');

        if ( $active.size() == 0 ) {
            $active = $('#content-billboard DIV:first');
        }
        else {
        }
        
        $active = $active.eq(0);
  
        var $next = $active.next().length ? $active.next() : $('#content-billboard DIV:first');
        $active.addClass('last-active');
        $next.css({opacity: 0.0})
          .addClass('active')
          .animate({opacity: 1.0}, 2000, function() {
              $active.removeClass('active last-active');
              setTimeout("changeSlide()", 4000);
          });
        }
        
      $(function() {
        /*
        if( $('#content-billboard DIV').size() > 1 ) {
            setTimeout("changeSlide()", 4000);
        }*/
        if( $('#billboard-thumbnail-container a').size() > 1 ) {
            $('#billboard-thumbnail-container a').click( function() {
                var index = $('#billboard-thumbnail-container a').index(this);
                var next = $('#billboard-image-container div:eq(' + index + ')');
                var active = $('#billboard-image-container div.active');
                var active_index = $('#billboard-image-container div').index(active);

                var arrow = $('#billboard-thumbnail-arrow');
                
                if( active.size() > 1 || index == active_index ) {
                    exit();
                }

                active.addClass('last-active');

                // stop

                next.css({opacity: 0.0})
                    .addClass('active')
                    .animate({opacity: 1.0}, 1000, function() {
                        active.removeClass('active last-active');
                    });

                var top = (index * 78) + "px";
                arrow.animate({top: top}, 1000);
            });
        }
      });