// JavaScript Document

//初期表示BOX
var disp_box = 0;

//表示切替ボックスの数
var max_num = 0;

//階層指示
var level = "";

//初期表示
function init(num , n){
	//ノード検索
	max_num = num;
	
	if(n == 2){
		level = "../";
	}
	
	for(var i=0; i<= num; i++){
		
		//Event.observe($("nav" + i), "mouseover", changeBgImageOn, false);
		
		if(i == disp_box){
			//Element.setStyle("nav" + i, { backgroundImage:"url(../" + level + "img/bg/bg_side_nav_on.gif)"});
			continue;
		}
		Element.setStyle("box" + i, { display:"none"});
		//Event.observe($("nav" + i), "mouseout", changeBgImageOff, false);
	}
}

//表示切替
function changeDisp(num) {
	Element.setStyle("box" + disp_box, { display:"none"});
	//Element.setStyle("nav" + disp_box, { backgroundImage:"url(../" + level + "img/bg/bg_side_nav.gif)"});
	//Event.observe($("nav" + disp_box), "mouseout", changeBgImageOff, false);

	Element.setStyle("box" + num, { display:"block"});
	//Element.setStyle("nav" + num, { backgroundImage:"url(../" + level + "img/bg/bg_side_nav_on.gif)"});
	//Event.stopObserving($("nav" + num), "mouseout", changeBgImageOff, false);
	
	disp_box = num;
}


function changeBgImageOn(){
	Element.setStyle(this, { backgroundImage:"url(../" + level + "img/bg/bg_side_nav_on.gif)"});
}

function changeBgImageOff(){
	Element.setStyle(this, { backgroundImage:"url(../" + level + "img/bg/bg_side_nav.gif)"});
}