// utf-8




function domOnLoad() {
	targetElement();
}
Spry.Utils.addLoadListener(function(){domOnLoad();});


function targetElement() {
	for(var a=1; a<18; a++) {
		mouseEvent("a", a);
	}
	for(var b=1; b<8; b++) {
		mouseEvent("b", b);
	}
	for(var c=1; c<8; c++) {
		mouseEvent("c", c);
	}
	for(var d=1; d<11; d++) {
		mouseEvent("d", d);
	}
	for(var e=1; e<5; e++) {
		mouseEvent("e", e);
	}
}

function mouseEvent(group, number) {
	var group = group;
	createElement(group, number);
	Spry.$(group+number+"event").onmouseover = function() {
		Spry.$("img"+group+number).style.display = "inline";
	}
	Spry.$(group+number+"event").onmouseout = function() {
		Spry.$("img"+group+number).style.display = "none";
	}
	//Spry.$(group+number+"event").onclick = function() {
		//alert(group+number);
		//return false;
	//}
}


function createElement(group, number) {
	var targetObj = document.createElement("div");
	targetObj.setAttribute("id", "mapSectionArea");
	Spry.$("mapBaseArea").appendChild(targetObj);
	var imgObj = document.createElement("img");
	if(String(number).length < 2) {
		imgObj.src = "/access/ikebukuro/_asset/img/img-map"+group.toUpperCase()+"_00"+number+".gif";
		imgObj.setAttribute("id", "img"+group+number);
		targetObj.appendChild(imgObj);
		imgObj.style.display = "none";
	} else {
		imgObj.src = "/access/ikebukuro/_asset/img/img-map"+group.toUpperCase()+"_0"+number+".gif";
		imgObj.setAttribute("id", "img"+group+number);
		targetObj.appendChild(imgObj);
		imgObj.style.display = "none";
	}
}


/* -------------------- SmoothScroll -------------------- */

Event.observe(window, 'load', function() {
  $$('a[href^=#]:not([href=#])').each(function(element) {
    element.observe('click', function(event) {
      new Effect.ScrollTo(this.hash.substr(1));
      Event.stop(event);
    }.bindAsEventListener(element))
  })
})