// JScript ÀÉ
(function() {
  var banner_index_object = eval(banner_index);
  $.each(banner_index_object, function(i) {
    if (i < (banner_index_object.length - 1)) {
      $("#banner_index ul.listNum").append('<li><a href="{0}" target="_blank" title="{2}">{1}</a></li>'.format(this.url, i+1, this.alt));
      $("#banner_index").append(['<div>',
                                '<a href="{0}" target="_blank">'.format(this.url),
                                '<img src="{0}" alt="{1}">'.format(this.src, this.alt),
                                '</a>',
                                '</div>'].join(""));
    }
  });
  $("#banner_index ul.listNum li:first").addClass("selected");
  $("#banner_index div:gt(0)").remove();

  function fadeTran(index) {
    $("#banner_index ul.listNum li:eq({0})".format(index)).addClass("selected").siblings().removeClass("selected");
    $("#banner_index div").stop(true, true).find("div:eq(0)").remove();
    $("#banner_index").append(['<div>',
                              '<a href="{0}" target="_blank">'.format(banner_index_object[index].url),
                              '<img src="{0}" alt="{1}">'.format(banner_index_object[index].src, banner_index_object[index].alt),
                              '</a>',
                              '</div>'].join(""));
    $("#banner_index div:first").animate({marginTop:-120}, 500, "", function() { $(this).remove(); });
  }
  var currentIndex = 1;
  $("#banner_index ul.listNum li").each( function(i) {
    $(this).mouseenter( function() { fadeTran(i); currentIndex = i == banner_index_object.length - 2 ? 0 : i + 1; } );
  } );
  var interval = setInterval( 
    function() { fadeTran(currentIndex); currentIndex = currentIndex == banner_index_object.length - 2 ? 0 : currentIndex + 1; }, 5250
  );
  $("#banner_index").mouseenter( function() { clearInterval(interval); })
                   .mouseleave( function() {
                     $("#banner_index div").stop(true, true);
                     interval = setInterval( function() { fadeTran(currentIndex); currentIndex = currentIndex == banner_index_object.length - 2 ? 0 : currentIndex + 1; }, 5250);
                   } );
})();