addLoadEvent(preLoadNavImgs);
addLoadEvent(dropdownNav);

function preLoadNavImgs(){
	var img1 = new Image(7, 26);
	img1.src = '/images/bg_menu_left.gif';
	
	var img2 = new Image(9, 26);
	img2.src = '/images/bg_menu_right.gif';
	
	var img3 = new Image(1, 26);
	img3.src = '/images/bg_menu.gif';
	
	var img4 = new Image(6, 26);
	img4.src = '/images/bg_menu_left_on.gif';
	
	var img5 = new Image(9, 26);
	img5.src = '/images/bg_menu_right_on.gif';
	
	var img6 = new Image(1, 26);
	img6.src = '/images/bg_menu_on.gif';
	
	var img7 = new Image(7, 26);
	img7.src = '/images/bg_submenu_left.gif';
	
	var img8 = new Image(8, 26);
	img8.src = '/images/bg_submenu_right.gif';
	
	var img9 = new Image(1, 26);
	img9.src = '/images/bg_submenu.gif';
	
	var img10 = new Image(7, 26);
	img10.src = '/images/bg_submenu_left_on.gif';
	
	var img11 = new Image(8, 26);
	img11.src = '/images/bg_submenu_right_on.gif';
	
	var img12 = new Image(1, 26);
	img12.src = '/images/bg_submenu_on.gif';
}

function dropdownNav(){
	var navRoot = document.getElementById('nav');
	if (!navRoot){
		return;
	}
	var parentNodeId = navRoot.parentNode.getAttribute('id');
	var parentNode = document.getElementById(parentNodeId);
	if (!parentNode){
		setNavWidth();
	}
	else if (parentNode.className == 'japanese'){

		setNavWidth('japanese');
	
	}
	else if (parentNode.className == 'korean'){

		setNavWidth('korean');
	
	}
	else{
		setNavWidth();
	}
	var li_list = navRoot.getElementsByTagName('li');
	for (var i=0; i<li_list.length; i++){
			li_list[i].onmouseover = function(){
				this.className += 'li_on';
				for (var n=0; n<this.childNodes.length; n++){
					var ul_node = this.childNodes[n];
					if (ul_node.nodeName == 'UL'){
						ul_node.className += ' over';

					}
				}
			}
		
			li_list[i].onmouseout = function(){
				this.className = '';
				for (var n=0; n<this.childNodes.length; n++){
					var ul_node = this.childNodes[n];
					if (ul_node.nodeName == 'UL'){
						ul_node.className = ul_node.className.replace(/ over/gi, '');

					}
				}
			}
	}

}

function setNavWidth(lang){
	var uls = getElementsByClassName(document, "ul", "ulSubnav");
	var fontSize = 12;
	for (var i=0; i<uls.length; i++){
		var links = uls[i].getElementsByTagName('b');
		nums = Array();
		for (var j=0; j<links.length; j++){
			links[j].style.fontSize = fontSize+"px";
			nums[j] = links[j].innerHTML.length;
		}
		 uls[i].greatestNum = Math.max.apply( Math, nums );;
		 
		 if (arguments[0] == 'japanese'){
			 var width = (fontSize)* uls[i].greatestNum; 
		 }
		 else if (arguments[0] == 'korean'){
			 var width = (fontSize-4)* uls[i].greatestNum; 
		 }
		 else{
		 var width = (fontSize - 5)* uls[i].greatestNum; 
		 	
		 }
		for (var k=0; k<links.length; k++){
			links[k].style.width = width+"px";
		
		}
	}
}