var start_opacity = 0; // 透明度の初期値 0～10(整数)
var value_opacity; // 透明度を保持する変数
var elem_target;

// クリックイベント
function eventClick(e) {
    //透明度を初期化します
    value_opacity = start_opacity;
    setOpacityZero();
    return false;
}

// 透明度が10になるまで+1加算する（タイマー）
function setOpacityZero() {
    if(value_opacity < 10){
        value_opacity += 1;
        setTimeout('setOpacityZero()',80);
        setOpacity();
    }
}

// 透明度をセットする処理
function setOpacity () {
    elem_target.style.filter = 'alpha(opacity=' + (value_opacity * 10) + ')';
    elem_target.style.MozOpacity = value_opacity / 10;
    elem_target.style.opacity = value_opacity / 10;
}

// イベントの初期化処理
function initalizeEvents() {
    elem_target = document.getElementById('pagebody');
    var sample_click = document.getElementById('sample_click');
    // clickイベントをリスナーに登録
    addListener(sample_click, 'click', eventClick, false);
}

// リスナー登録をする処理
function addListener (elem, eventType, func, cap) {
    if(elem.addEventListener) {
        elem.addEventListener(eventType, func, cap);
    } else if(elem.attachEvent) {
        elem.attachEvent('on' + eventType, func);
    } else {
        return false;
    }
}

addListener(window, 'load', initalizeEvents, false);