// JavaScript Document


function setStart(){
	var list=document.getElementById("menu");
	var children=list.childNodes;
	var contents=document.getElementById("innerbox").childNodes;
	var a=new Array();
	for (var i=0;i<children.length;i++){
		var j=i+1;
		children[i].style.backgroundImage='url(contents/images/navi/button_'+j+'.gif)';
		a[children[i].innerHTML]=i;
		contents[i].style.display="none";
	}
	var changeIMG=function(){
			document.getElementById("innerbox").style.backgroundImage=this.style.backgroundImage;
			contents[a[this.innerHTML]].style.display="block";
	}
	var resetIMG=function(){
			document.getElementById("innerbox").style.backgroundImage='url(contents/images/navi/null_box.gif)';
			contents[a[this.innerHTML]].style.display="none";
	}
	
	for (var i=0;i<children.length;i++){
		if(children[i].addEventListener){
			children[i].addEventListener("mouseover",changeIMG,false);
			children[i].addEventListener("mouseout",resetIMG,false);
		}else{
			children[i].attachEvent('on'+"mouseover",bindFunc(children[i],changeIMG));
			children[i].attachEvent('on'+"mouseout",bindFunc(children[i],resetIMG));
		}
	}
	function bindFunc(bind, func){
    	return function(){
        	return func.apply(bind, arguments);
    	};
	}
}

window.onload=setStart;