jQuery(function () {

  category_list('none');

  jQuery('.cate_btn').click( function() {

    //一度すべてのボタンをoutに置き換える
    for ( i = 1; i < 5; i++ ) {
      jQuery('#cate'+i).attr('src','images/tab-out-0'+i+'.gif');
    }

    //クリックされたボタンをonにする
    jQuery(this).attr('src', jQuery(this).attr('src').replace(/-out-/,'-on-'));
    category_list( jQuery(this).attr('value') );

  });

});

var category_list = function ( i ) {

  jQuery.ajax({
      url : "http://www.oimf.jp/cgi-bin/top_ajax/index.cgi",
      dataType : "jsonp",
      data : 'cate=' + i,
      jsonp : "jsoncallback",
      success : function(data){

          // 順番に処理をする場合
          var l = '';
          jQuery(data.list).each(function (i) {
            var o=data.list[i];
            l+='  <dt>'+o.KOUKAI_DATE+'</dt>';

            if ( o.FIRST.match(/FirstBox/i) ) {
                l+='  <dd class="'+o.FIRST+'"><img src="news/images/cicon0'+o.CLASS+'.gif" width="68" height="16" border="0" alt="" />  ';
            }
            else {
                l+='  <dd><img src="news/images/cicon0'+o.CLASS+'.gif" width="68" height="16" border="0" alt="" />  ';
            }

            if ( o.HONBUN == 1 ) {
                l+='<a href="http://www.oimf.jp/cgi-bin/news/index.cgi?c=zoom&amp;pk='+o.pk+'">'+o.TITLE+'</a>';
            }
            else {
                l+=o.TITLE;
            }

            l+='</dd>';

          });
          jQuery('#top_ajax').html(l);

      }
  });

}