$(function() {
  var box_active = 1;
  var box_timer;
  var box_delay = 5000;

  box_timer = setTimeout('changeBox(0)',box_delay);
  $('#box_menu a').click(function () {
    id = $(this).parent().attr('id').replace(/box_/,'');
    clearTimeout(box_timer);
    changeBox(id);
  });

  $('.line331_off a').hover(function() {
    $(this).parent().parent().removeClass('line331_off').addClass('line331_on');
  }, function() {
    $(this).parent().parent().removeClass('line331_on').addClass('line331_off');
  });
  $('.line332_off a').hover(function() {
    $(this).parent().parent().removeClass('line332_off').addClass('line332_on');
  }, function() {
    $(this).parent().parent().removeClass('line332_on').addClass('line332_off');
  });


  changeBox = function(id) {
    if (id == box_active) return;
    if (id == 0) {
      id = (box_active+1>5) ? 1 : box_active+1;
      box_timer = setTimeout('changeBox(0)',box_delay);
    }
    $('#box_image_'+box_active).fadeOut('slow').addClass('hidden');
    $('#box_image_'+id).fadeIn('slow').removeClass('hidden');
    $('#box_'+box_active).removeClass('hidden').show();
    $('#box_'+id).addClass('hidden').hide();
    $('#box_active_'+box_active).addClass('hidden').hide();
    $('#box_active_'+id).removeClass('hidden').show();
    box_active = id;
  }

});