/**
 * 街はぴ - JavaScript - 公開サイト - [総合]TOPページ
 *
 * @package happy-town
 * @author Hideyuki Kagasawa <kagasawa@web-prom.net>
 * @copyright Copyright (C) 2009 Pencil Co.,Ltd All Rights Reserved.
 */

/**
 * @brief TABのBGポジション
 */
var bgPos = {
  'M_gourmet':'0px -42px',
  'M_lunch':'-128px -84px',
  'M_life':'-254px -126px',
  'M_shopping':'-380px -168px',
  'M_sonota':'-506px -126px'
};

/**
 * @brief TABのBGポジション(Active時)
 */
var bgPosActive = {
  'M_gourmet':'0px 0px',
  'M_lunch':'-128px -42px',
  'M_life':'-254px -84px',
  'M_shopping':'-380px -126px',
  'M_sonota':'-506px -168px'
};

/**
 * @brief TABのBG幅
 */
var bgWidth = {
  'M_gourmet':'128px',
  'M_lunch':'126px',
  'M_life':'126px',
  'M_shopping':'126px',
  'M_sonota':'130px'
};

/**
 * @brief 全てのTAB
 */
var tabs = new Array(
  'M_gourmet', 'M_lunch', 'M_life', 'M_shopping', 'M_sonota'
);

$(function(){
    // TAB以下のAタグのHREFを無反応にさせる
    $('#M_shinchakuTab .M_tab a').attr('href', '#');

    // TABのクリックイベントを割り当てる
    $('#M_shinchakuTab .M_tab a').click(function(){
        tabsToggle($(this).attr('class'));
        return false;
    });

    function tabsToggle(currentTabClass) {
      // 全てのTAB要素を隠す
      $('.tabs').css('display', 'none');

      // 全てのCSSを初期化する
      var i;
      for(i=0; i<tabs.length; i++){

        $('#M_shinchakuTab ul.M_tab li a.'+tabs[i]).css('background-position', bgPos[tabs[i]]);
        $('#M_shinchakuTab ul.M_tab li a.'+tabs[i]).css('width', bgWidth[tabs[i]]);
/*
        $('#M_shinchakuTab ul.M_tab li a.M_gourmet').hover(
            function(){
                $('#M_shinchakuTab ul.M_tab li a.'+tabs[i]).css('background-position', bgPosActive[tabs[i]]);
            },
            function(){
                $('#M_shinchakuTab ul.M_tab li a.'+tabs[i]).css('background-position', bgPos[tabs[i]]);
                $('#M_shinchakuTab ul.M_tab li a.'+tabs[i]).css('width', bgWidth[tabs[i]]);
            }
        );
*/
        // カレントのTABだけCSSをアクティブにする
        if ( currentTabClass == tabs[i] ) {
          $('#'+tabs[i]).css('display', 'block');
          $('#M_shinchakuTab ul.M_tab li a.'+tabs[i]).css('background-position', bgPosActive[tabs[i]]);

          // アクセスログ
          accesslogs.set('index', '/tab:' + tabs[i]);

          // 変更した値をクッキーに書き込む
          var url = webapi.set_cookie_current_tab;
          var params = 'current_tab='+tabs[i];
          $.ajax({
              type: "POST",
              url: url,
              data: params,
              async: false//,
    //          success: function(msg){
    //          }
          });

        }
      }

    }

    // カレントタブ
    tabsToggle(current_tab);

    // フォントサイズの初期値
    sizeSelector(fontsize);

    /**
     * @brief フォントサイズセレクター
     */
    function sizeSelector(size) {
      // BODYのクラス(size)を変更する
      $('BODY').attr('class', size);

      // 変更した値をクッキーに書き込む
      var url = webapi.set_cookie_fontsize;
      var params = 'fontsize='+size;
      $.ajax({
          type: "POST",
          url: url,
          data: params,
          async: false//,
//          success: function(msg){
//          }
      });

      $('.font_size_off').css('display', 'block');
      $('.font_size_on').css('display', 'none');
      switch (size) {
        case 'M_small':
          $('#font_size_s_on').css('display', 'block');
          $('#font_size_s_off').css('display', 'none');
          break;
        case 'M_middle':
          $('#font_size_m_on').css('display', 'block');
          $('#font_size_m_off').css('display', 'none');
          break;
        case 'M_large':
          $('#font_size_l_on').css('display', 'block');
          $('#font_size_l_off').css('display', 'none');
          break;
        default:
          break;
      }
    }
    $('#size_selector_s').click(function(){
        sizeSelector('M_small');
        return false;
    });
    $('#size_selector_m').click(function(){
        sizeSelector('M_middle');
        return false;
    });
    $('#size_selector_l').click(function(){
        sizeSelector('M_large');
        return false;
    });
});