//class用
cls = "class";
if(/*@cc_on!@*/false){ cls = "className" };

//プルダウン
var PDMenuSetting = function(){

	var PDMenu = document.getElementById("localNavi");
	if(!PDMenu) return false;
	var PDMenu2 = document.getElementById("localNavi02");
	var PDSubMenu = document.getElementById("sideNavi");
	var PDSubMenu2 = document.getElementById("sideNavi2");
	
	var chkClassObj1 = function(obj, ClassName){
		var elmsClassTag = [];
		var obj_count = obj.length;
		for (var i = 0; i < obj_count; i++) {
			if (obj[i].className.match(ClassName)) {
				elmsClassTag.push(obj[i]);
			}
		}
		return elmsClassTag;
	}
	
	var chkClassObj2 = function(obj, tag, ClassName){
		var elmsClassTag = [];
		var PDChildMenu = obj.getElementsByTagName(tag);
		var PDChildMenu_count = PDChildMenu.length
		for (var j = 0; j < PDChildMenu_count; j++) {
			if (PDChildMenu[j].className.match(ClassName)) {
				elmsClassTag.push(PDChildMenu[j]);
			}
		}
		return elmsClassTag;
	}
	
	var chgImg_on = function(obj){
		var btnImg = obj.getElementsByTagName("IMG");
		var ImgExtension1 = btnImg[0].src.match(/\.[^.]*$/);
		var ImgExtension2 = btnImg[0].src.match(/..\.[^.]*$/);
		if (String(ImgExtension2).match("_o") == null) {
			btnImg[0].setAttribute("src", btnImg[0].src.replace(/\.[^.]*$/, ("_o") + ImgExtension1));
		}
	}
	
	var chgImg_out = function(obj){
		var btnImg = obj.getElementsByTagName("IMG");
		var ImgExtension = btnImg[0].src.match(/..\.[^.]*$/);
		
		if (String(ImgExtension).match("_o") != null) {
			btnImg[0].setAttribute("src", btnImg[0].src.replace(/_o/, ""));
		}
	}
	
	var runPD = function(obj, btn, child, ID){
		chk = 0;
		
		if (child != undefined) {
			
			btn.onmouseover = function(){
				chk = 1;
			}
			btn.onmouseout = function(){
				chk = 0;
			}
			obj.onmouseover = function(){
				if (obj.className.match("current") == null) {
					chgImg_on(btn);
				}
				if ((ID == PDMenu) || (ID == PDMenu2)) {
					child.style.left = "0";
				}

				if (ID == PDSubMenu) {
					child.style.left = "181px";
				} 
				if (ID == PDSubMenu2) {
					child.style.left = "181px";
				}
			}
			obj.onmouseout = function(){
				if (chk == 0) {
					chgImg_out(btn);
					child.style.left = "-9999px";
				}

			}
		}
		else 
			if (child == undefined) {
				if (obj.className.match("current") == null) {
					btn.onmouseover = function(){
						chgImg_on(this)
					}
					btn.onmouseout = function(){
						chgImg_out(this)
					}
				}
			}
	}
	
	var checkNavi = function(ID){
		var PDMenuLink = ID.getElementsByTagName("li");
		var parent = chkClassObj1(PDMenuLink, "parent");
		var parent_count = parent.length;
		for (var i = 0; i < parent_count; i++) {
			var check_btn = chkClassObj2(parent[i], "a", "btn")[0];
			var check_child = chkClassObj2(parent[i], "ul", "child-menu")[0];
			check_child.style.left = "-9999px";
			runPD(parent[i], check_btn, check_child, ID);
		}
	}

	if(PDMenu){
		checkNavi(PDMenu);
	}
	if(PDMenu2){
		checkNavi(PDMenu2);
	}
	if(PDSubMenu){
		checkNavi(PDSubMenu);
	}
	if(PDSubMenu2){
		checkNavi(PDSubMenu2);
	}
}

//カレント表示
function naviCurrent(){
	
	function setClass(obj){
		var existingClass = obj.className.split(' ');
		
		if(existingClass != ""){
			var addClassName = "current";
			for (var i=0; i<existingClass.length; i++) {
				addClassName = addClassName + " "+existingClass[i];
			}
			obj.setAttribute(cls,addClassName);
		}else if(existingClass == ""){
			obj.setAttribute(cls,"current");
		}
	}
	
	function localCurrent(){
		var localCurentList = document.getElementById("current");
		if(!localCurentList ) return false;
		
		var localCurentImg = localCurentList.getElementsByTagName("img")[0];
		var ImgExtension = localCurentImg.src.match(/\.[^.]*$/);
		localCurentImg.setAttribute("src", localCurentImg.src.replace(/\.[^.]*$/, ("_h") + ImgExtension));
		setClass(localCurentList);
		}
		
	localCurrent();
	
	function globalCurrent(){
		var localNavi = document.getElementById("localNavi");
		if(!localNavi) return false;
		var localNavi02 = document.getElementById("localNavi02");
		if(!localNavi02) return false;

		var currentPath = String(location.pathname);
		var currentDirectry = currentPath.split('/')[3];
		
		var localNaviChilds = localNavi.childNodes;
		var ChildsList01 = [];
		var localNavi02Childs = localNavi02.childNodes;
		var ChildsList02 = [];
		
		for (var i=0; i<localNaviChilds.length; i++) {
			if(localNaviChilds[i].nodeType == 1){
				ChildsList01.push(localNaviChilds[i]);
			}
		};
		for (var i=0; i<localNavi02Childs.length; i++) {
			if(localNaviChilds[i].nodeType == 1){
				ChildsList02.push(localNavi02Childs[i]);
			}
		};

		var directories = ["about","select","buy","after","lineup","trade"];

		if (currentDirectry == directories[0]) {
			setClass(ChildsList01[0]);
		}else if (currentDirectry == directories[1]) {
				setClass(ChildsList01[1]);
		}else if (currentDirectry == directories[2]) {
				setClass(ChildsList01[2]);
		}else if (currentDirectry == directories[3]) {
				setClass(ChildsList01[3]);
		}else if (currentDirectry == directories[4]) {
				setClass(ChildsList02[0]);
		}else if (currentDirectry == directories[5]) {
				setClass(ChildsList02[1]);
		}
	}
	
	globalCurrent();
}

function addLoadEvent(func){  
    var oldload = window.onload;  
    if(typeof window.onload != 'function'){  
        window.onload = func;  
    }else{  
        window.onload = function(){  
            oldload();  
            func();  
        }  
    }  
}

addLoadEvent(PDMenuSetting);
addLoadEvent(naviCurrent);
//mobile
function OpenWin(){
    win=window.open("/products/etf/mobile","new","width=300,height=200");
}