(function(){
  $(function(){
    var interval = 5000;
    var cnt = 0;
    var maxNum = 5;
    var imgArr = [];
    //preload
    for(var i = 0; i < maxNum; i++){
      imgArr[i] = new Image();
      imgArr[i].src = "/v2/top/0"+(i+1)+".jpg";
    }
    var $HeaderImage = $("#HeaderImage");
    var $prevImgArea = $("#prevImg");
    var $nextImgArea = $("#nextImg");
    var $links = $HeaderImage.find("ul a");
  
    var changeImg = function(start){
      if(start != undefined ) {cnt = start;};
      $prevImgArea.empty().show();
      $nextImgArea.find("img").appendTo($prevImgArea);
      var $original_link = $($links.get(cnt));
      var nextLink = $("<a />")
        .attr("href",   $original_link.attr("href"))
        .attr("target", $original_link.attr("target"))
      ;
      $(imgArr[cnt]).appendTo(nextLink);
      nextLink.appendTo($nextImgArea);
      $prevImgArea.fadeOut();            
      cnt++;
      if(cnt == 5) cnt = 0;
    };
    var intervalID;
    var timerID;
    var startInterval = function(start){
      cnt = start;
      intervalID = setInterval(changeImg, interval);
    };
    
    startInterval(1);
    $links.each(function(index){
      $(this)
        .mouseenter(function(){
          clearTimeout(timerID);
          changeImg(index);
          clearInterval(intervalID);
        })
        .mouseover(function(){
          clearInterval(intervalID);
        })
        .mouseout(function(){
          startInterval(index);
        })
      ;
    });
    
    
    var $people = $(".people .wrap");
    $people.
      each(function(){
        $(this).hover(
          function(){
            $(this).addClass("hover");
          },
          function(){
            $(this).removeClass("hover");
          }
        )
        .click(function(){
          $(this).find("a:last").click();
        })
      })
    ;
   $(".daily .latest")
      .each(function(){
        $(this).hover(
          function(){
            $(this).addClass("hover");
          },
          function(){
            $(this).removeClass("hover");
          }
        )
        .click(function(){
          $(this).find("a:last").click();
        })
      })
    ;
    $(".daily .list li")
      .each(function(){
        $(this).hover(
          function(){
            $(this).addClass("hover");
          },
          function(){
            $(this).removeClass("hover");
          }
        )
        .click(function(){
          $(this).find("a:last").click();
        })
      })
    ;
    
    
  });
})(jQuery);