//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=50)";
		this.style.MozOpacity = 0.5;
		this.style.opacity = 0.5;
	}
}

//ページが読み込まれたらイベントをセットする
window.onload = function(){
	// 全てのタグを探す
	var tags = document.getElementsByTagName("*");
	// 抜き出すタグを入れるオブジェクトを定義
	var obj=new Object();
	obj.length=0;
	// 抜き出すタグ名
	var selecttags = "dom";
	// 抜き出すタグ名に一致した 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(js_dom_img/cntnts'+i+'.gif)"');
	}
}