// ヘッダー画像コントロール用
myD = new Date();
myMonth   = myD.getMonth()+1;
myDate    = myD.getDate();
today = "" + myMonth + "_" + myDate;

$(function (){
  // エレベーター初期値
  $('#sideBar').scrollFollow( {
    speed: 500,
    offset: 10
  });
  $(window).resize(function(){
    // エレベーターリサイズ用
    var contentsObj = $('#contents').position();
    $("#sideBar").css("top", contentsObj.top + 40 + "px");
    $("#sideBar").css("left", (contentsObj.left - 230) + "px");

    // 動物画像リサイズ用
    var rightObj = $('#right').position();
    var footerObj = $('#footer').position();
    var w = $('#animal').width();
    var h = $('#animal').height();
    $("#footerAnimals").css("top", (footerObj.top - h) + "px");
    $("#footerAnimals").css("left", (rightObj.left + 260) + "px");
  });
  // 動物画像ロード用
  jQuery.event.add(window, "load", function(){
    var w = $('#animal').width();
    var h = $('#animal').height();
    var rightObj = $('#right').position();
    var footerObj = $('#footer').position();
    $("#footerAnimals").css("top", (footerObj.top - h) + "px");
    $("#footerAnimals").css("left", (rightObj.left + 260) + "px");
    $("#animal").css("position", "absolute");
    $("#animal").css("display", "block");
  });
  // 動物画像クリックアクション
  $("#animal").click(function(){
    var footerAnimals = $('#footerAnimals').position();
    var contentsObj = $('#contents').position();
    $($.browser.opera ? document.compatMode == 'BackCompat' ? 'body' : 'html' :'html,body')
                .stop()
                .animate({ scrollTop: 0 }, 2500);
    $("#animal").stop()
                .animate({'top' : contentsObj.top-footerAnimals.top+'px', 'left': '0px'}, 2500)
                .animate({'top' : '0px', 'left': '0px'}, 2500);
    return false;
  });
  // ニュースティッカー
  $(".newsticker-jcarousellite").jCarouselLite({
    vertical: true,
    hoverPause:true,
    visible: 10,
    auto:1000,
    speed:1000
  });
  // サンタ（クリスマス限定）
  switch (today) {
    case "12/24":
    case "12/25":
      $('#santa')
        .sprite({fps: 13, no_of_frames: 1})
        .spRandom({top: 50, bottom: 200, left: 300, right: 320})
        .isDraggable()
        .activeOnClick()
        .active();
      $('#santa').click(function(){
        $('#santa').animate({'left' : '3000px'}, 2500);
        var winWidth = $(window).width();
        setInterval(function(){
          if ($('#santa').offset().left > winWidth) {
            $('#santa').remove();
          }
        }, 300);
      });
      break;
  }
});
