var gtemFile = new Array('tem1',
		'tem2',
		'tem3',
		'tem4',
		'tem5',
		'tem6');

function PopupSubMenu() {
	// リンク画像の高さが31pxのターゲットID
	this.lowLnkBtns = [
		'total01-target',
		'total02-target',
		'total03-target',
		'total04-target'];
}

PopupSubMenu.prototype = {
	over: function(trgObj, lnkBtn) {
		var subMenuElm = document.getElementById(trgObj);
		this.showElement(subMenuElm);
		
		var self = this;
	},
	click: function(trgObj) {
	//click: function(trgObj, onBtn) {
		for (i in gtemFile) {
			if (trgObj !== gtemFile[i]) {
				var subMenuElm = document.getElementById(gtemFile[i] + '-target');
				if((subMenuElm != null) || (subMenuElm != undefined)){
					this.hideElement(subMenuElm);
				}
				var subMenuElm2 = document.images[gtemFile[i]];
				if((subMenuElm2 != null) ||(subMenuElm2 != undefined)){
					document.images[gtemFile[i]].src = '/public/images/nav_' + gtemFile[i] +'.gif';
				}
				//document.images[gtemFile[i]].src = '/public/images/nav_' + gtemFile[i] +'.gif';
			}
		}
		var subMenuElm = document.getElementById(trgObj + '-target');
		this.showElement(subMenuElm);
		document.images[trgObj].src = '/public/images/nav_' + trgObj +'_on.gif';
	},

	
	out: function(trgObj, lnkBtn) {
		var subMenuElm = document.getElementById(trgObj);
		this.hideElement(subMenuElm);
		
		this.blurLinkButton(lnkBtn);
	},
	
	
	showElement: function(obj) {
		obj.style.visibility = 'visible';
	},
	
	hideElement: function(obj) {
		obj.style.visibility = 'hidden';
	},
	
	/**
	 * リンク画像のhoverをスクリプトで上書き
	 * サブメニューにロールオーバー時も
	 * リンク画像のhoverを保持
	 */
	focusLinkButton: function(obj, id) {
		var flog = false;
		for(var i=0; i<this.lowLnkBtns.length; i++) {
			if(this.lowLnkBtns[i] == id) {
				flog = true;
				break;
			}
		}
		
		if(flog) obj.style.backgroundPosition = '0 -31px';
		else obj.style.backgroundPosition = '0 -66px';
	},
	
	/**
	 * リンク画像のhoverをスクリプトで上書き
	 * サブメニューからマウスアウト時にも
	 * リンク画像のhoverを解除
	 */
	blurLinkButton: function(obj) {
		obj.style.backgroundPosition = '0 0';
	}
}

var PSM = new PopupSubMenu();

//2007.12.11 以下、TOPの表示にて画像の変更が必要な場合に使用
var gtemFile2 = new Array('main1',
		'main1_01',
		'main1_11',
		'main1_13',
		'main1_23',
		'main1_26',
		'main1_27',
		'main1_28',
		'main1_40',
		'main2',
		'main3',
		'main4',
		'main2_01',
		'main2_11',
		'main2_13',
		'main2_14',
		'main2_23',
		'main2_26',
		'main2_27',
		'main2_28',
		'main2_40',
		'main2_a',
		'main2_b',
		'main3_01',
		'main3_11',
		'main3_13',
		'main3_14',
		'main3_23',
		'main3_26',
		'main3_27',
		'main3_28',
		'main3_40',
		'main3_a',
		'main3_b',
		'main4_01',
		'main4_11',
		'main4_13',
		'main4_23',
		'main4_26',
		'main4_27',
		'main4_28',
		'main4_40',
		'main_pcsc',
		'main1_pcsc',
		'main3_pcsc',
		'main_ranking',
		'main1_ranking',
		'main2_ranking',
		'main3_ranking',
		'main_renai',
		'main1_renai',
		'main2_renai',
		'main_osusume',
		'main1_osusume',
		'main2_osusume',
		'main3_osusume'
		
		);

function PopupSubMenu2() {}	

PopupSubMenu2.prototype = {
	click: function(trgObj) {
		for (i in gtemFile2) {
			
			if (trgObj != gtemFile2[i]) {//.substring(0,5)はmain1_13のような県コードを排除するコード
				
				var subMenuElm = document.getElementById(gtemFile2[i] + '-target');
				if((subMenuElm != null) || (subMenuElm != undefined)){
					this.hideElement(subMenuElm);
				}
				
				var subMenuElm2 = document.images[gtemFile2[i]];
				if((subMenuElm2 != null) ||(subMenuElm2 != undefined)){
					document.images[gtemFile2[i]].src = '/public/images/nav_' + gtemFile2[i] +'.gif';
				}
			}

		}
		
		var subMenuElm = document.getElementById(trgObj.substring(0,5) + '-target');
		this.showElement(subMenuElm);
		
		document.images[trgObj].src = '/public/images/nav_' + trgObj +'_on.gif';
		
	},
	showElement: function(obj) {
		obj.style.visibility = 'visible';
	},
	
	hideElement: function(obj) {
		obj.style.visibility = 'hidden';
	}
}

var PSM2 = new PopupSubMenu2();