// JavaScript Document
function changeMap(w){
	var map_url, btn_on, btn_off, htmlOnTxt, htmlOffTxt;
	if(w == "1"){
		map_url = "./img/map.gif";
		btn_on = "btn_minus";
		btn_off = "btn_plus";
		htmlOnTxt = "<a id='a_minus' href='javascript:changeMap(-1);' onmouseover='btnHover(-1);' onmouseout='btnUnhover(-1);'></a>";
		htmlOffTxt ="<img src='./img/btn_plus_off.gif' />";
	}else if(w == "-1"){
		map_url = "./img/map2.gif";	
		btn_on = "btn_plus";
		btn_off = "btn_minus";
		htmlOnTxt = "<a id='a_plus' href='javascript:changeMap(1);' onmouseover='btnHover(1);' onmouseout='btnUnhover(1);'></a>";
		htmlOffTxt ="<img src='./img/btn_minus_off.gif' />";
	}
		
	var htmlTxt = "<img src='" + map_url + "' alt='案内図' />";
	document.getElementById("map").innerHTML = htmlTxt;
	document.getElementById(btn_on).innerHTML = htmlOnTxt;
	document.getElementById(btn_off).innerHTML = htmlOffTxt;
}

function btnHover(w){
	if(w == "1"){
		document.getElementById("a_plus").style.backgroundPosition ="bottom left";
	}else if(w == "-1"){
		document.getElementById("a_minus").style.backgroundPosition ="bottom left";				
	}
}

function btnUnhover(w){
	if(w == "1"){
		document.getElementById("a_plus").style.backgroundPosition ="top left";
	}else if(w == "-1"){
		document.getElementById("a_minus").style.backgroundPosition ="top left";				
	}
}