//메인메뉴 이미지변환 및 하위메뉴 표시
var overId;

//이미지 초기화 (li객체)
function MenuReset(obj) {
	for (var i=0; i< obj.length; i++ ){	
		var mImg = obj[i].getElementsByTagName("img")[0];
		mImg.src = mImg.src.replace(/_r/gi, "");
	}
}

//클래스네임 off (li객체)
function ClassNameReset(obj) {
	for (var i=0; i< obj.length; i++ ){			
		obj[i].className = "off";
	}
}

//이미지오버 (li객체)
function OverImage(obj) {
	var imgobj = obj.getElementsByTagName("img")[0];
	var oldImg = imgobj.src;
	oldImg = (oldImg.indexOf("_r", 0) > 0)? oldImg.replace(/_r/gi, "") : oldImg;
	//var imgtype = oldImg.substr(oldImg.length-3, oldImg.length-1);
	//var imgname = oldImg.substr(0, oldImg.length-4);
	//imgobj.src = imgname + "_r." + imgtype;
	imgobj.src = oldImg.replace(".jpg", "_r.jpg");
}

//이미지 아웃 (li객체)
function OutImage(obj) {
	var imgobj = obj.getElementsByTagName("img")[0];
	imgobj.src = imgobj.src.replace(/_r/gi, "");
}

function Main_menu(anchor){
	overId = (anchor != null)? anchor : -1;
	var parentObj = document.getElementById("menubar");
	var childNod = parentObj.childNodes;
	var liObj = new Array();
	var k = 0;
	for (var i=0; i < childNod.length; i++ ){
		if (parentObj.childNodes.item(i).tagName == "LI"){
			liObj[k] = parentObj.childNodes.item(i);	//대메뉴 객체(li)목록
			k = k + 1;
		}
	}
	
	MenuReset(liObj);
	ClassNameReset(liObj);

	var menuLen = liObj.length;
	for (var i=0; i < menuLen; i++ )
	{
		
		if (i == overId){
			OverImage(liObj[i]);
			liObj[i].className = "on";
		}

		//대메뉴 올오버
		var liObj_Atag = liObj[i].getElementsByTagName("a")[0];

		liObj_Atag.onmouseover = liObj_Atag.onfocus = function(){
			MenuReset(liObj);
			ClassNameReset(liObj);
			OverImage(this);
			this.parentNode.className = "on";
		}
		

		var subliObj = liObj[i].getElementsByTagName("LI"); //서브메뉴 객체(li)목록
		//서브메뉴 올오버 올아웃
		for (var j=0; j < subliObj.length; j++ ){
			var sub_Atag = subliObj[j].getElementsByTagName("a")[0];

			sub_Atag.onmouseover = sub_Atag.onfocus = function(){	
			OverImage(this);
			}
			sub_Atag.onmouseout = sub_Atag.onblur = function(){
			OutImage(this);
			}
		}
	}

}
