window.onload = function() {
	rolloverImgInit( "_r" );
	rolloverClassInit( "sidebar_btn" );
	rolloverClassInit( "sidebar_btn_wh" );
};

// ロールオーバー画像制御
// _r が識別子
var rollOverImages = new Array();
function rolloverImgInit( identifier ) {
	var re = new RegExp("(.*)" + identifier + "\\.(jpe?g|gif|pi?ng)","i");
	var tmpA = (document.getElementById) ? document.getElementsByTagName('img') : document.images;
	for (var i = 0; i < tmpA.length; i ++) {
		var result = re.exec( tmpA[i].src );
		if ( !result ) continue;
		var tmp1 = result[1];
		var tmp2 = result[2];
		rollOverImages[i] = new Array();
		rollOverImages[i][0] = tmpA[i];
		rollOverImages[i][1] = new Image();
		rollOverImages[i][1].src = tmpA[i].src;
		rollOverImages[i][2] = new Image();
		rollOverImages[i][2].src = tmp1 + '.' + tmp2;
		tmpA[i].onmouseover	= function () {
			for (i = 0; i < rollOverImages.length; i ++) { 
				if (rollOverImages[i] && this == rollOverImages[i][0]) { this.src = rollOverImages[i][2].src; break; }
			}
		}
		tmpA[i].onmouseout = function () {
			for (i = 0; i < rollOverImages.length; i ++) {
				if (rollOverImages[i] && this == rollOverImages[i][0]) { this.src = rollOverImages[i][1].src; break; }
			}
		}
	}
}

// 該当するクラスの要素にマウスオーバー時に on をマウスアウト時に off をクラス設定する
// 元々 on を含むものはそのままにする
function rolloverClassInit( className ) {
	var re = new RegExp("\\bon\\b");
	var tmpA = getElementsByClassName( className );
	for (var i = 0; i < tmpA.length; i ++) {
		var onClass = className + " on";
		var offClass = className + " off";
		if ( !re.test(tmpA[i].className) ) {
			tmpA[i].onmouseover = function () {
				this.className = onClass;
			}
			tmpA[i].onmouseout = function () {
				this.className = offClass;
			}
		}
	}
}


function getElementsByClassName( className ) {
	var allElements = (document.all) ? document.all : document.getElementsByTagName("*");
	var results = new Array();
	var re = new RegExp("\\b" + className + "\\b");
	for ( var i = 0; i < allElements.length; i++) {
		if ( re.test(allElements[i].className) ) {
			results.push(allElements[i]);
		}
	}
	return results;
}


function open_map(myUrl,width,height) {
	var paramstr = "width="+width+",height="+height+",toolbar=0,status=0,scrollbars=0,resizable=0";
	window.open(myUrl, "sub_window", paramstr);
	return 0;
}


// utlity
function getDOM( myId ) {
	var myObj;
	if (document.getElementById) {
		myObj = document.getElementById(myId);
	} else if ( document.all ) {
		myObj = document.all(myId);
	}
	return myObj;
}