$(document).ready(function(){
  $('.eyes').show();

  var kuro = $('#eye_kuro_l');
  var maru = $('#eye_maru_l');
  var MARU_HALFWIDTH = $(maru).width() / 2;
  var MARU_HALFHEIGHT = $(maru).height() / 2;
  var LEFT_SHIFT = MARU_HALFWIDTH - $(kuro).width() / 2;
  var TOP_SHIFT = MARU_HALFHEIGHT - $(kuro).height() / 2;

  $(document).mousemove(function(event){
    var x = event.pageX;
    var y = event.pageY;
    
    var offset = $(maru).offset();
    var ex = offset.left + MARU_HALFWIDTH;
    var ey = offset.top + MARU_HALFHEIGHT;
    var dx = x - ex;
    var dy = y - ey;

    var r = (dx * dx / 49 + dy * dy / 49 < 1) ? 1 : Math.sqrt(49 * 49 / (dx * dx * 49 + dy * dy * 49));
    $(kuro).offset({
      "left": (r * dx + offset.left + LEFT_SHIFT),
      "top": (r * dy + offset.top + TOP_SHIFT)
    });

    ex += 39;
    dx -= 39;
    r = (dx * dx / 49 + dy * dy / 49 < 1) ? 1 : Math.sqrt(49 * 49 / (dx * dx * 49 + dy * dy * 49));
    $('#eye_kuro_r').offset({
      "left": (r * dx + offset.left + LEFT_SHIFT + 39),
      "top": (r * dy + offset.top + TOP_SHIFT)
    });
  });


  $('.mini-a').css('cursor', 'pointer');
  rise('#mini-a1');
  rise('#mini-a2');
  rise('#mini-a3');
  rise('#mini-a4');
  rise('#mini-a5');
});


function rise(name) {
  $(name).click(function(){
    $(name).activebanner({
      size: 20,
      frame: 5,
      interval: 50,
      reset: false,
      onComplete: function(){
        $(name).unbind('click').css('cursor', 'auto');
      }
    });
  });
}