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","AllAbout"
	);
	var allabout = new Array(
		"AllAbout"
	);
	var link = new Array(
		"Contact"
	);
	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, 0, 30, 600);

    $('section1').style.display = "none";
    $('section2').style.display = "none"
    $('section3').style.display = "none"
    $('header1Button').onclick = function() {
        isToggle("section1");
        return false;
    };
    $('header2Button').onclick = function() {
        isToggle("section2");
        return false;
    };
    $('header3Button').onclick = function() {
        isToggle("section3");
        return false;
    };
}

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);
		}
	}
}

var isToggle = function(id) {
    if ($(id).style.display == "none") {
        $(id).style.display = "block";
    }
    else {
        $(id).style.display = "none";
    }
};


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