Event.observe(window, "load", init, false);

function init(){
	//イベント割当て
	for(var i=1;i<=12;i++){
		Event.observe('satimg_'+i ,'mouseover',loadImage,true);
		Event.observe('satimg_'+i ,'mousemove',trace,true);
		Event.observe('satimg_'+i ,'mouseout',hide,true);
	}
}

function loadImage(){
	var e =getEvent();
	var imageObj = Event.element(e);
	var imageVal = $(imageObj.id).getAttribute("value");
	$("divSatelliteImage").style.display = "block";
	if(imageVal != undefined)
	$("satelliteImage").src = imageVal;
}

function trace(){
	var e =getEvent();
	var stationPosX = 10;
	var stationPosY = 30;
	//マウス座標で表示位置判断
	$("divSatelliteImage").style.top  = stationPosY + (e.clientY + document.body.scrollTop);
	$("divSatelliteImage").style.left = stationPosX + (e.clientX + document.body.scrollLeft);
	
}
function hide(){
	$("divSatelliteImage").style.display = "none";
}

function getEvent(){
	var e = arguments.callee.caller.arguments[0] || window.event;
	return e;
}