// JavaScript Document
var gNaviMode	= new Array();
var gNaviClicked = new Array();
var gNaviArea	= ["", "mininaviArea01", "mininaviArea02", "mininaviArea03", "mininaviArea04", "mininaviArea05"];
var gNaviID		= ["", "NAVI01", "NAVI02", "NAVI03", "NAVI04", "NAVI05"];
var gNaviOrg	= ["", "/cs_support/catalog/img/navi01.gif", "/cs_support/catalog/img/navi02.gif", "/cs_support/catalog/img/navi03.gif", "/cs_support/catalog/img/navi04.gif", "/cs_support/catalog/img/navi05.gif"];
var gNaviNormal	= ["", "/cs_support/catalog/img/navi01_f.gif", "/cs_support/catalog/img/navi02.gif", "/cs_support/catalog/img/navi03.gif", "/cs_support/catalog/img/navi04.gif", "/cs_support/catalog/img/navi05.gif"];
var gNaviSwap	= ["", "/cs_support/catalog/img/navi01_f.gif", "/cs_support/catalog/img/navi02_f.gif", "/cs_support/catalog/img/navi03_f.gif", "/cs_support/catalog/img/navi04_f.gif", "/cs_support/catalog/img/navi05_f.gif"];

function elm(id){
	return document.getElementById(id);
}
function NaviClick(pos){
	if(gNaviClicked[pos] == 1){
		gNaviClicked[pos] = 0;
	}
	else{
		gNaviClicked[pos] = 1;
	}
	if(gNaviClicked[pos] == 0 && elm(gNaviArea[pos]).style.display == "block"){
		NaviHide(pos);
	}
	else if(gNaviClicked[pos] == 1 && elm(gNaviArea[pos]).style.display == "none"){
		NaviShow(pos);
	}
}
function NaviShow(pos){
	elm(gNaviArea[pos]).style.display = "block";
}
function NaviHide(pos){
	elm(gNaviArea[pos]).style.display = "none";
}
function NaviReset(pos){
	if(gNaviClicked[pos] != 1){
		gNaviMode[pos] = "none";
		elm(gNaviArea[pos]).style.display = gNaviMode[pos];
	}
}
function NaviSwap(pos){
	var target;
	for(var i = 1; i <= 5; i++){
		if(i == pos)	target = gNaviSwap[i];
		else			target = gNaviOrg[i];
		elm(gNaviID[i]).src = target;
	}
}
function NaviToggle(pos){
	gNaviClicked[pos] = 1;
}
function NaviRestore(pos){
	for(var i = 1; i <= 5; i++){
		elm(gNaviID[i]).src = gNaviNormal[i];
	}
}


function NaviClick02() {
	NaviClick(2);
}
function NaviClick03() {
	NaviClick(3);
}

function NaviOver01(){
	NaviSwap(1);
}
function NaviOver02(){
	NaviSwap(2);
	NaviShow(2);
}
function NaviOver03(){
	NaviSwap(3);
	NaviShow(3);
}
function NaviOver04(){
	NaviSwap(4);
}
function NaviOver05(){
	NaviSwap(5);
}
function NaviOut01(){
	NaviRestore(1);
}
function NaviOut02(){
	NaviRestore(2);
	NaviReset(2);
}
function NaviOut03(){
	NaviRestore(3);
	NaviReset(3);
}
function NaviOut04(){
	NaviRestore(4);
}
function NaviOut05(){
	NaviRestore(5);
}