//JavaScript DOM class に背景画像を順に割り当てる

function f_dom(e) {
    //dom がマウスオーバーされたら透明度を変更
    if(!e) e = event;//for Windows
    if ( e.type == "mouseover"){
        // イベントが mouseover のとき
        this.style.filter = "alpha(opacity=100)";
        this.style.MozOpacity = 1;
        this.style.opacity = 1;
    } else {  
        // イベントが mouseover 以外のとき
        this.style.filter = "alpha(opacity=30)";
        this.style.MozOpacity = 0.3;
        this.style.opacity = 0.3;
    }
}

//ページが読み込まれたらイベントをセットする
window.onload = function(){
    // 全てのタグを探す
    var tags = document.getElementsByTagName("*");
    // 抜き出すタグを入れるオブジェクトを定義
    var obj=new Object();
    obj.length=0;
    // 抜き出すタグ名
    var selecttags = "bady";
    // 抜き出すタグ名に一致した class を探す
    for(var i=0,L=tags.length;i<L;i++){
        if(tags[i].className==selecttags){
            obj[obj.length]=tags[i];
            obj.length++;
        }
    }
    // 抜きだした class にイベントハンドラーセット
    for(i=0,L=obj.length;i<L;i++){
        obj[i].onmouseover=f_dom;
        obj[i].onmouseout=f_dom;
        // 背景画像を貼り付ける
        eval('obj['+i+'].style.backgroundImage = "url(/upimg/cntnts'+i+'.jpg)"');
    }
}