//////////////////////////////////////////////////////////////////
/// Image rollover
//////////////////////////////////////////////////////////////////
function initRollovers() {
	if (!document.getElementById) return
	
	var aPreLoad = new Array();
	var sTempSrc;
	var aImages = document.getElementsByTagName('img');
	var imputBtn = document.getElementsByTagName('input');

	for (var i = 0; i < aImages.length; i++) {		
		if (aImages[i].className == 'rollover') {
			var src = aImages[i].getAttribute('src');
			var ftype = src.substring(src.lastIndexOf('.'), src.length);
			var hsrc = src.replace(ftype, '_on'+ftype);

			aImages[i].setAttribute('hsrc', hsrc);
			
			aPreLoad[i] = new Image();
			aPreLoad[i].src = hsrc;
			
			aImages[i].onmouseover = function() {
				sTempSrc = this.getAttribute('src');
				this.setAttribute('src', this.getAttribute('hsrc'));
			}	
			
			aImages[i].onmouseout = function() {
				if (!sTempSrc) sTempSrc = this.getAttribute('src').replace('_on'+ftype, ftype);
				this.setAttribute('src', sTempSrc);
			}
		}
	}

	for (var i = 0; i < imputBtn.length; i++) {		
		if (imputBtn[i].className == 'rollover') {
			var src = imputBtn[i].getAttribute('src');
			var ftype = src.substring(src.lastIndexOf('.'), src.length);
			var hsrc = src.replace(ftype, '_on'+ftype);

			imputBtn[i].setAttribute('hsrc', hsrc);
			
			aPreLoad[i] = new Image();
			aPreLoad[i].src = hsrc;
			
			imputBtn[i].onmouseover = function() {
				sTempSrc = this.getAttribute('src');
				this.setAttribute('src', this.getAttribute('hsrc'));
			}	
			
			imputBtn[i].onmouseout = function() {
				if (!sTempSrc) sTempSrc = this.getAttribute('src').replace('_on'+ftype, ftype);
				this.setAttribute('src', sTempSrc);
			}
		}
	}
}

window.onload = initRollovers;



//////////////////////////////////////////////////////////////////
/// Window open
//////////////////////////////////////////////////////////////////

// 商品詳細
function openDetailWin(url) {
	subWindow = window.open(url,'detail','location=no,directories=no,toolbar=no,status=no,menubar=no,scrollbars=yes,resizable=yes,width=546,height=635');
	subWindow.focus();
	return false;
}

// style拡大
function openZoomWin(url) {
	subWindow = window.open(url,'zoom','location=no,directories=no,toolbar=no,status=no,menubar=no,scrollbars=yes,resizable=yes,width=546,height=700');
	subWindow.focus();
	return false;
}


// レポート
function openrepoWin(url) {
	subWindow = window.open(url,'repo','location=no,directories=no,toolbar=no,status=no,menubar=no,scrollbars=yes,resizable=yes,width=446,height=630');
	subWindow.focus();
	return false;
}


// レポート
function openrepoWin2(url) {
	subWindow = window.open(url,'repo2','location=no,directories=no,toolbar=no,status=no,menubar=no,scrollbars=yes,resizable=yes,width=550,height=430');
	subWindow.focus();
	return false;
}




//////////////////////////////////////////////////////////////////
/// Tab click
//////////////////////////////////////////////////////////////////

/*　初期化
=============================================================*/
var divflag = []; //タブコンテンツ格納

function initTab() {
var parentDiv = "ZONES"; //タブコンテンツ全体を囲む親div1のid
var baseOBJ = document.getElementById(parentDiv).childNodes;
	for(i=0; i<baseOBJ.length; i++) {
		if(baseOBJ[i].nodeType==1) {
			divflag.push(baseOBJ[i]);
		}
	}
}

/*　タブ切り替え
=============================================================*/
function zoneChange(tabNum) {
	for(i=0; i<divflag.length; i++) { //ZONE全部非表示
	divflag[i].style.display = "none";
	}
	divflag[tabNum].style.display = "block"; //カレントのZONEを表示
}

//window.onload = initTab;