//window.twrite('tDiv',this, "common ="+this+"<br>");

//===グローバルエリア=======================================================

var li_max=0;

//■ページがロードされたときの初期化処理==================================
var init = function(){

  //ID=categoryの下のliエレメントを順に読み込む
  $$( '#category ul li' ).each( function( e,i )  {

    //カテゴリーリストクラスを生成する
    var e_clist = new clist( e );

    //カテゴリーの最大数を保存する
    if( li_max < i ){
      li_max=i;
    }
    //対応するカテゴリーリストのid名を合成し、エレメントを取得する
    var j = i + 1;
    var e_all = $( 'items_'+j );
    
    if( e_all ){
      if( j == 1 ){
        //一番目のカテゴリーリストを表示する
        e_all.show();
      }else{
        //2番目以降は非表示にする
        e_all.hide();
      }
    }
    //メニュー(li)にイベントハンドラを割り当てる
    Element.observe( e, 'mouseover', e_clist.onMouseOver );

  } );

}

//オンロードにinitを割り当てる
Element.observe( window, 'load', init );

//■カテゴリー一覧クラス=================================================
var clist = Class.create({

    //□コンストラクタ-------------------------------------------------
    initialize	:function( element ){

      //エレメントをセットする
      this.element = element;
    },
    //□カテゴリ項目にマウスがあたったら一覧を表示する-------------
    onMouseOver	:function(){

      //カテゴリーリストすべてを非表示にする
      for (var k = 0; k <= li_max; k++){
        var j = k + 1;
        var e_clist = $( 'items_'+j );
        if( e_clist ){
            e_clist.hide();
        }
      }
      //id属性を分解して番号を得る
      //id属性が文字列＋数字になっているかチェックする
      if( !this.id.match( /(\D*)(\d+$)/ ) ){ return false; }

      //idの文字列部分を取り出す
      var i_name	= RegExp.$1;

      //idの数字部分を取り出す
      var i_index = eval(RegExp.$2);

      //カテゴリーリストのid名を合成し、対応するエレメントを取得する
      var e_clist_this = $( 'items_'+i_index );
      if( e_clist_this ){
        //該当のカテゴリーリストを表示する
        e_clist_this.show();
      }
    }

});