var nIndex1 = 0;
var nIndex2 = 0;
var objTabMenuDivList1 = null;
var objTabMenuImgList1 = null;
var objTabMenuDivList2 = null;
var objTabMenuImgList2 = null;
var slideShowSpeed = 3000;
var thisOnMouse1 = 0;
var thisOnMouse2 = 0;

var $A = Array.from = function(iterable) {
  if (!iterable) return [];
  if (iterable.toArray) {
	return iterable.toArray();
  } else {
	var results = [];
	for (var i = 0; i < iterable.length; i++)
	  results.push(iterable[i]);
	return results;
  }
}

Function.prototype.bind = function() {
  var __method = this, args = $A(arguments), object = args.shift();
  return function() {
	return __method.apply(object, args.concat($A(arguments)));
  }
}

// menuOver
function imageOver(obj) {
	obj.src = obj.src.replace("off.gif", "on.gif");
}
function imageOut(obj) {
	obj.src = obj.src.replace("on.gif", "off.gif");
}
// menuOver
function menuOver() {
	this.src = this.src.replace("off.gif", "on.gif");
	thisOnMouse1 = 1;
	thisOnMouse2 = 1;
}
function menuOut() {
	this.src = this.src.replace("on.gif", "off.gif");
	thisOnMouse1 = 0;
	thisOnMouse2 = 0;
}
function divOver() {
	thisOnMouse1 = 1;
	thisOnMouse2 = 1;
}
function divOut() {
	thisOnMouse1 = 0;
	thisOnMouse2 = 0;
}

// tabbed menu
function initTabMenu(menuElId, flag, nindex) {
	var tabMenu = document.getElementById(menuElId).getElementsByTagName("span");
	if(flag==1) { nIndex1 = nindex; } else { nIndex2 = nindex; }

	for(i=0; i<tabMenu.length; i++) {
		thismenu = tabMenu.item(i);
		thismenu.menuContainer = document.getElementById(menuElId);
		thismenu.targetEl = document.getElementById(tabMenu.item(i).name.split("#")[1]);
		thismenu.getElementsByTagName("img").item(0).onmouseover = menuOver;
		thismenu.getElementsByTagName("img").item(0).onmouseout = menuOut;
		thismenu.onmouseover = chgTabMenu.bind(thismenu,flag,i);
	}
	initmenu = tabMenu.item(nindex);
	//initmenu.getElementsByTagName("img").item(0).onmouseover();
	initmenu.getElementsByTagName("img").item(0).onmouseover = null;
	initmenu.getElementsByTagName("img").item(0).onmouseout = null;
	initmenu.menuContainer.current = initmenu;
}

function chgTabMenu(flag, idx){
	var objTabMenuDivList = eval("objTabMenuDivList"+ flag);
	var objTabMenuImgList = eval("objTabMenuImgList"+ flag);

	for(var i=0;i<objTabMenuDivList.length;i++){
		if(i==idx){			
			objTabMenuDivList[i].style.display = "";
			objTabMenuDivList[i].onmouseover = divOver;
			objTabMenuDivList[i].onmouseout = divOut;
			objTabMenuImgList[i+1].src = objTabMenuImgList[i+1].src.replace("off.gif","on.gif");
			objTabMenuImgList[i+1].onmouseover = null;
			objTabMenuImgList[i+1].onmouseout = null;
		}else{
			objTabMenuDivList[i].style.display = "none";
			objTabMenuImgList[i+1].src = objTabMenuImgList[i+1].src.replace("on.gif","off.gif");
			objTabMenuImgList[i+1].onmouseover = menuOver;
			objTabMenuImgList[i+1].onmouseout = menuOut;
		}
	}

	if(flag==1) { nIndex1 = idx; } else { nIndex2 = idx; }
	return false;
}

function RunVisualMenu1() {
	if(thisOnMouse1 == 0) {
		if(nIndex1<objTabMenuDivList1.length-1){
			chgTabMenu(1, nIndex1+1);
		}else{
			chgTabMenu(1, 0);
		}
	}

	setTimeout('RunVisualMenu1()', slideShowSpeed);
}

function RunVisualMenu2() {
	if(thisOnMouse2 == 0) {
		if(nIndex2<objTabMenuDivList2.length-1){
			chgTabMenu(2, nIndex2+1);
		}else{
			chgTabMenu(2, 0);
		}
	}

	setTimeout('RunVisualMenu2()', slideShowSpeed);
}

function VisualMenuImg1(){
	objTabMenuDivList1 = document.getElementById("tabMenu_div1").getElementsByTagName("div");
	objTabMenuImgList1 = document.getElementById("tabMenu_img1").getElementsByTagName("img");
	RunVisualMenu1();
}

function VisualMenuImg2(){
	objTabMenuDivList2 = document.getElementById("tabMenu_div2").getElementsByTagName("div");
	objTabMenuImgList2 = document.getElementById("tabMenu_img2").getElementsByTagName("img");
	RunVisualMenu2();
}

function funcLoad(){
	initTabMenu("tabMenu_img1",1,0);
	initTabMenu("tabMenu_img2",2,0);
	VisualMenuImg1();
	VisualMenuImg2();
}

function funcAttachEvent(objTarget,eventName,objFunc,syncFlag){
	if(!syncFlag) syncFlag=false;
	if(objTarget.attachEvent){
		objTarget.attachEvent("on"+eventName,objFunc);
	}else if(objTarget.addEventListener){
		objTarget.addEventListener(eventName,objFunc,syncFlag);
	}
}

funcAttachEvent(window,"load",funcLoad);