init = function() {
	var name = new Array("SiteName");
	var global = new Array(
		 "HeadProfile","HeadPlan","HeadFlow","HeadCase","HeadContact"
	);
	var navi = new Array(
		 "NaviHome","NaviArchive","ToHome","ToPageTop"
	);
	var sidebar = new Array(
		 "SideProfile","SidePlan","SideCareer","SideCorporation","SideIndividual"
		,"SideFlow","SideCase","SideContact"
	);
	var allabout = new Array(
		"AllAbout"
	);
	var link = new Array(
		"Link1","Link2","Link3"
	);
	var operation = Array(
		 "Operation1","Operation2","Operation3"
		,"Operation4","Operation5","Operation6"
	);
	var action = Array(
		 "Action1","Action2","Action3"
		,"Action4","Action5","Action6"
	);
	var down = "url(./js/jsToggleDown.gif)";
	var up   = "url(./js/jsToggleUp.gif)";
    var images = [
        new Image().src = './js/jsToggleDown.gif',
        new Image().src = './js/jsToggleUp.gif',
    ];
	isOnmouseFade(name, 100, 0, 200);
	isOnmouseFade(global, 0, 30, 600);
	isOnmouseFade(navi, 0, 50, 600);
	isOnmouseFade(sidebar, 100, 60, 600);
	isOnmouseFade(allabout, 0, 100, 100);
	isOnmouseFade(link, 100, 60, 600);
	for (var i = 0; i < operation.length; i++) {
		$(action[i]).style.display = "none";
		$(operation[i]).className = 'down';
		$(operation[i]).style.backgroundImage = down;
	}

	$("Operation1").onclick = function(){
		$toggle("Action1");
		this.style.backgroundImage = isToggleMarker(this, down, up);
	}
	$("Operation2").onclick = function(){
		$toggle("Action2");
		this.style.backgroundImage = isToggleMarker(this, down, up);
	}
	$("Operation3").onclick = function(){
		$toggle("Action3");
		this.style.backgroundImage = isToggleMarker(this, down, up);
	}
	$("Operation4").onclick = function(){
		$toggle("Action4");
		this.style.backgroundImage = isToggleMarker(this, down, up);
	}
	$("Operation5").onclick = function(){
		$toggle("Action5");
		this.style.backgroundImage = isToggleMarker(this, down, up);
	}
	$("Operation6").onclick = function(){
		$toggle("Action6");
		this.style.backgroundImage = isToggleMarker(this, down, up);
	}
}


isOnmouseFade = function(array, start, end, speed) {
	for (var i = 0; i < array.length; i++) {
		$(array[i]).onmouseover = function() {
			$opacity(this.id, start, end, speed);
		}
		$(array[i]).onmouseout = function() {
			$opacity(this.id, end, start, speed);
		}
	}
}


isToggleMarker = function(node, down, up) {
	if (node.className === 'down') {
        node.className = 'up';
		return up;
	} else {
        node.className = 'down';
		return down;
	}
}


window.onload = function() {
	init();
}