function getChildElementNodes(parentNode){
		var childNodes = parentNode.childNodes;
		var childArray = new Array();
		for(var i=0; i<childNodes.length; i++){
//		  alert(childNodes[i].nodeName + " : [ " + i + " ] : " + childNodes[i].nodeType + " : " + childNodes[i].nodeType);
			if(childNodes[i].nodeType == 1){
				childArray.push(childNodes[i]);
			}
		}
		return childArray;
	}

	function toggleImg(imgNode, onOff){
		var imgFileName = imgNode.src;
		if(onOff == "on"){
			if(imgFileName.lastIndexOf("_ov.gif") < 0){
				imgNode.src = imgFileName.substring(0, imgFileName.lastIndexOf(".gif")) + "_ov.gif";
			}
		}else{
			if(imgFileName.lastIndexOf("_ov.gif") > 0){
				imgNode.src = imgFileName.substring(0, imgFileName.lastIndexOf(".gif")-3) + ".gif";
			}
		}
	}

	function changeImage(targetNode){
		var allNodes = getChildElementNodes(targetNode.parentNode);
		for(var i=0; i<allNodes.length; i++){
			var img = allNodes[i].getElementsByTagName("img")[0];
			if(img != undefined){
				if(allNodes[i] == targetNode){
					toggleImg(img, "on");
				}else{
					toggleImg(img, "off");
				}
			}
		}
	}
	function showContent(targetNode){
		var allNodes = getChildElementNodes(targetNode.parentNode);
		for(var i=0; i<allNodes.length; i++){
			
			var content = allNodes[i].getElementsByTagName("ul")[0];
//			alert(content);
			var more = allNodes[i].getElementsByTagName("p")[0];
//			alert(more);
			if(content != undefined)
			{
				if(allNodes[i] == targetNode)
				{	
					if(content != null)
						content.style.display = "block";

					if(more != null)
						more.style.display = "block";
				}else{

					if(content != null)
						content.style.display = "none";

					if(more != null)
						more.style.display = "none";
				}
			}
		}
	}
	

	function initMain()
	{
		$(document).ready(function(e) 
		{
			//메뉴ID값의 li ul 서브메뉴 보이기설정!!
			$("#navi li.first ul").hide();
			
			//마우스 올렸을때 보이게
			$("#navi li.first").hover(
				function(){
					$("ul", this).show();
				},
				function(){
					$("ul", this).hide();
				}
			);
					
			$("#navi li ul").hide();
			$("#navi li").hover(
				function(){
					$("ul", this).show();
				},
				function(){
					$("ul", this).hide();
				}
			);		
		});		
		
		var boardBox = document.getElementById("boardBox01");
		if(boardBox != null)
		{
			var boardBoxList = boardBox.getElementsByTagName("h3");	
			
			if(boardBoxList != null)
			{
				for(var i=0; i<boardBoxList.length; i++)
				{
					boardBoxList[i].onclick = function()
					{
						changeImage(this);
						showContent(getElementNextSibling(this));
					};
				}
				showContent(getElementNextSibling(boardBoxList[0]));
			}
		}

		var boardBox2 = document.getElementById("boardBox02");
		if(boardBox2 != null)
		{
			var boardBoxList2 = boardBox2.getElementsByTagName("h3");	
			if(boardBoxList2 != null)
			{
				for(var i=0; i<boardBoxList2.length; i++)
				{
					boardBoxList2[i].onclick = function()
					{
						changeImage(this);
						showContent(getElementNextSibling(this));
					};
				}
				showContent(getElementNextSibling(boardBoxList2[0]));
			}
		}

	}


	function getElementNextSibling(node){
		var nextElement = node.nextSibling;
		if(nextElement == null){
			return null;
		}else if(nextElement.nodeType != 1){
			return getElementNextSibling(nextElement);
		}
		return nextElement;
	}