// ---------------------------------------------------------------------
// maruho.co.jp 医療関係者HOME javascript
// ---------------------------------------------------------------------


/* 医師をクリックしたときの動作 */
$(function(){
  $("#doctorcat").click(function(){
    // メソッドコール
    changeColor("#prolist, #procode, #proattach, #propkg, #famvir, #acaleading, #acareport, #acalife1, #acalife2, #acagp, #scabies, #othersche, #othersemlib, #othermovlib");
    changeBtn(this);
    return false;
  });
});

/* 薬剤師をクリックしたときの動作 */
$(function(){
  $("#pharmacycat").click(function(){
    /* メソッドコール */
    changeColor("#prolist, #procode, #proattach, #propkg, #famvir, #acatips, #acagp, #otherdirect, #othershidousen, #othersquare, #otherpharm");
    changeBtn(this);
    return false;
  });
});

/* MSをクリックしたときの動作 */
$(function(){
  $("#mscat").click(function(){
    // メソッドコール
    changeColor("#prolist, #procode, #proattach, #propkg, #famvir, #acagp");
    changeBtn(this);
    return false;
  });
});


/* ボタンの色を変更するメソッド */
function changeBtn(obj) {
  $("#med-category-menu ul li a").removeClass("active");
  $("a", obj).addClass("active");
}

/* 色を変更するメソッド */
function changeColor(selector) {
  /* すべての要素を(#333333)にする。エフェクトも入れる*/
  /*$("a", "#contentscategory")*/
  $("a", "#med-category")
    .animate({opacity: "0.3"}, 200)
    .animate({opacity: "1.0"}, 800)
    .css('color', '#777777');
  // 指定した要素を(#009BFE)にする。
  // 2009.03.19 (#17A008)に変更
  // 2009.03.20 (#AA0020)に変更
  $("a", selector)
    .css('color', '#AA0020').css();
    /*.css('color', '#17A008').css();*/
}