/* ===================================================================
 file name  : top_view_init.js
 info       : トップページスライド用
 note       : 2011.04.26 新規作成. T.Nakamura
              トップページのスライドに使う、jquery 利用のスライダー 
              mobilyslider の設定,および用語の排他表示等の機能のため
              のスクリプト.
              share.js を先に読み込むこと.
=================================================================== */

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

var cat_ln = 6;                 // カテゴリーの(スライドの)数
var blt_ln = cat_ln;            //  bullet の数(初期化=最低でも cat_ln)
var tblt_w = 6;                 // Topic 用 bullet の幅(px)
var bgvw_w = 45;                // Topic 用 bullet の 背景画像の幅(px)
                                // (left値算出用)
var l_mrgn = 136;               // Topic 用 bullet 全体の左マージン(px)

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* mobilyslider の設定 */

$(function(){
  $('.slider').mobilyslider({
    content: '.sliderContent',
    children: 'div',            // div 要素をスライド
    transition: 'fade',         // フェードで切り替え
    animationSpeed: 2500,       // スピード msec ※変更可
    autoplay: true,             // 自動スライドする
    autoplaySpeed: 6500,        // 間隔 msec ※変更可
    pauseOnHover: true,
    bullets: true,
    arrows: false,
    arrowsHide: true,           // 前へ&次へ は表示しない
    prev: 'prev',
    next: 'next',
    animationStart: function(){},
    animationComplete: function(){}
  });
});

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* トップページのスライドで,各 bullet(遷移アイコン)に css 設定を割り当てる.
   カテゴリー以外に Topics 等のスライドがあれば,その数に応じて調整をする */

function initBullet() {
  var b_div = getClassElements("sliderBullets"); // クラス名からbulletのノードを得る
  if(!b_div) {
    return;
  }

  var blts = new Array();
  var cns = b_div[0].childNodes;
  for(var i = 0; i < cns.length; i++) {         // 子ノード(a)を収集
    if(cns[i].nodeName.toLowerCase()=='a') {
      blts[i] = cns[i];
    }
  }

  blt_ln = blts.length;
  if(blt_ln>0) {
    if(blt_ln==cat_ln) {
      b_div[0].style.backgroundPosition = "133px 4px";
    }
    for(var j = 0; j < blt_ln; j++) {
      var bnum = (j - (blt_ln - cat_ln));
      if(bnum >= 0) {                           // カテゴリ用の bullet に id 指定
        blts[j].id = "cat_blt"+bnum;
      }else {                                   // カテゴリの数を越えた Topics 分
        blts[j].id = "cat_blt"+(blt_ln+bnum);
        var tn = (blt_ln - cat_ln);
        var df = ((tblt_w+4)*(tn/2-j)) * -1;
        blts[j].style.left = ((bgvw_w/2)+df)+l_mrgn+"px";
      }
    }
  }
}

/* トップページのスライドで,Topics 用 bullet(遷移アイコン)の背景画像( HAKUSAN ロゴ)
   をアクティブと非アクティブで変える.この関数は mobilyslider.js から呼ばれる. */

function preUpdate(cnum) {
  var b_div = getClassElements("sliderBullets"); // クラス名からbulletのノードを得る
  var tblt_ln = blt_ln - cat_ln;
  if(b_div && tblt_ln) {
    if(cnum < tblt_ln) {
      b_div[0].style.backgroundPosition = "133px -31px";
    }else {
      b_div[0].style.backgroundPosition = "133px 4px";
    }
  }
}