var intID;
var timerLimit = 500;
var naviActFlg;
var oldNavi;

function _overNavi(id){
	
	switch(id){
		case 1:
			naviActFlg = 1;
			if(oldNavi != 1){
				intID = setTimeout("_over(1)",timerLimit);
			}else{
				document.getElementById("sub-navi1").style.display = "block";
			}
			break;
		case 2:
			naviActFlg = 2;
			if(oldNavi != 2){
				intID = setTimeout("_over(2)",timerLimit);
			}else{
				document.getElementById("sub-navi2").style.display = "block";
			}
			break;
		case 3:
			naviActFlg = 3;
			if(oldNavi != 3){
				intID = setTimeout("_over(3)",timerLimit);
			}else{
				document.getElementById("sub-navi3").style.display = "block";
			}
			break;
		case 4:
			naviActFlg = 4;
			if(oldNavi != 4){
				intID = setTimeout("_over(4)",timerLimit);
			}else{
				document.getElementById("sub-navi4").style.display = "block";
			}
			break;
	}
	
}

function _outNavi(){
	
	clearTimeout(intID);
	oldNavi = naviActFlg;
	document.getElementById("sub-navi1").style.display = "none";
	document.getElementById("sub-navi2").style.display = "none";
	document.getElementById("sub-navi3").style.display = "none";
	document.getElementById("sub-navi4").style.display = "none";
	
}

function _over(id){
	switch(id){
		case 1:
			document.getElementById("sub-navi1").style.display = "block";
			naviActFlg = 1;
			break;
		case 2:
			document.getElementById("sub-navi2").style.display = "block";
			naviActFlg = 2;
			break;
		case 3:
			document.getElementById("sub-navi3").style.display = "block";
			naviActFlg = 3;
			break;
		case 4:
			document.getElementById("sub-navi4").style.display = "block";
			naviActFlg = 4;
			break;
	}
}

function _out(){
	document.getElementById("sub-navi1").style.display = "none";
	document.getElementById("sub-navi2").style.display = "none";
	document.getElementById("sub-navi3").style.display = "none";
	document.getElementById("sub-navi4").style.display = "none";
	naviActFlg = "";
}

function parseCode(){
	
	// set D-MOVIE main navi //---------------------------
	var mNavi1 = document.getElementById("c-nav1");
	var mn1 = mNavi1.firstChild;
	mn1.onmouseover = function() { _overNavi(1); }
	mn1.onmouseout = function() { _outNavi(); }
	
	// set D-MOVIE sub navi //----------------------------
	var sNavi1 = document.getElementById("sub-navi1");
	for (i=0; i<sNavi1.childNodes.length; i++) {
		var sn1 = sNavi1.childNodes[i];
		if (sn1.nodeName=="LI") {
			sn1.onmouseover = function() { _over(1); }
			sn1.onmouseout = function() { _out(); }
		}
	}
	
	// set HI QUALITY IMAGE main navi //------------------
	var mNavi2 = document.getElementById("c-nav2");
	var mn2 = mNavi2.firstChild;
	mn2.onmouseover = function() { _overNavi(2); }
	mn2.onmouseout = function() { _outNavi(); }
	
	// set HI QUALITY IMAGE sub navi //-------------------
	var sNavi2 = document.getElementById("sub-navi2");
	for (i=0; i<sNavi2.childNodes.length; i++) {
		var sn2 = sNavi2.childNodes[i];
		if (sn2.nodeName=="LI") {
			sn2.onmouseover = function() { _over(2); }
			sn2.onmouseout = function() { _out(); }
		}
	}
	
	// set ADVANCED FUNCTION main navi //-----------------
	var mNavi3 = document.getElementById("c-nav3");
	var mn3 = mNavi3.firstChild;
	mn3.onmouseover = function() { _overNavi(3); }
	mn3.onmouseout = function() { _outNavi(); }
	
	// set ADVANCED FUNCTION sub navi //------------------
	var sNavi3 = document.getElementById("sub-navi3");
	for (i=0; i<sNavi3.childNodes.length; i++) {
		var sn3 = sNavi3.childNodes[i];
		if (sn3.nodeName=="LI") {
			sn3.onmouseover = function() { _over(3); }
			sn3.onmouseout = function() { _out(); }
		}
	}
	
	// set EXPANDED PLEASURE main navi //-----------------
	var mNavi4 = document.getElementById("c-nav4");
	var mn4 = mNavi4.firstChild;
	mn4.onmouseover = function() { _overNavi(4); }
	mn4.onmouseout = function() { _outNavi(); }
	
	// set EXPANDED PLEASURE sub navi //------------------
	var sNavi4 = document.getElementById("sub-navi4");
	for (i=0; i<sNavi4.childNodes.length; i++) {
		var sn4 = sNavi4.childNodes[i];
		if (sn4.nodeName=="LI") {
			sn4.onmouseover = function() { _over(4); }
			sn4.onmouseout = function() { _out(); }
		}
	}
	
	
	
}

window.onload = function(){
	parseCode();
}