/*
onload = function(){
    variousButOnclick();
}
*/

/*
 * ブログ、イベント・・
 */
var OnClass = 'variousButtonOn';
var OffClass = 'variousButtonOff';
//liタグのID
var ButtonLiArr= new Array( 'blogNewArticleButton', 'blogNewArrivalButton','blogAddButton');
//aタグのID
var ButtonAArr= new Array("blogNewArticleA","blogNewArrivalA",'blogAddA');
//表示のdivのID
var ButtonDivArr= new Array("blogNewArticleDiv","blogNewArrivalDiv",'blogAddDiv');

function variousButOnclick(){
    //項目のボタンが押されたときに実行
    ButtonAArr.each(function(obj) {
        //IDが存在しないページ
        if($(obj)==null) return;
        
        Event.observe(obj, "click", changeDisp, false);
    });
}
//表示を変更する
function changeDisp(event){
    var eID = Event.element(event); 
    var OnclickLiId = '';//変更するliタグのID
    
    //クリックされたIDのLIのクラスを変更
     for (var i = 0; i < ButtonAArr.length; i++) {
         if (eID.id == ButtonAArr[i]) {
             OnclickLiId = ButtonLiArr[i];
             $(OnclickLiId).className = OnClass;
             Element.show(ButtonDivArr[i]);
         }else{
             $(ButtonLiArr[i]).className = OffClass;
             Element.hide(ButtonDivArr[i]);
         }
     }
}