var inf=[]; var ptag=[]; var campus=[]; var leftvalue=0; var topvalue=0; var divcnt=[];

//画像、コメントの表示/非表示（番号、表示/非表示）
function cm_disp(n,func,intLeft,intTop) {
var fukidasi = document.getElementById(n);
ptag = fukidasi.getElementsByTagName('p');
inf = fukidasi.getElementsByTagName('span');

//alert(topvalue);
if (func == 1) {
	ptag[0].style.top=intTop + topvalue + "px"; ptag[0].style.left=intLeft + leftvalue + "px";
	if(navigator.userAgent.indexOf("MSIE") != -1){ 
		inf[0].style.top=intTop+6 + topvalue + "px"; inf[0].style.left=intLeft+8 + leftvalue + "px";
		inf[1].style.top=intTop+28 + topvalue + "px"; inf[1].style.left=intLeft+8 + leftvalue + "px";
	} else {
		inf[0].style.top=intTop+23 + topvalue + "px"; inf[0].style.left=intLeft+8 + leftvalue + "px";
		inf[1].style.top=intTop+45 + topvalue + "px"; inf[1].style.left=intLeft+8 + leftvalue + "px";
	}
		ptag[0].style.display = "block";
		inf[0].style.display = "block";
		inf[1].style.display = "block";
	} else {
		ptag[0].style.display = "none";
		inf[0].style.display = "none";
		inf[1].style.display = "none";
	}
}
setListener(window, "load", initOnload);

function setListener(observer, eventType, callFunc){
  if(observer.attachEvent){
    observer.attachEvent('on' + eventType, callFunc);
  }else if(observer.addEventListener){
    observer.addEventListener(eventType, callFunc, false);
  }else {
    alert("このブラウザではイベントリスナが使用できません。");
    return false;
  }
}

function initOnload() {
	var cmcampus = document.getElementById('cm_campus');
	campus = cmcampus.getElementsByTagName('img');
	var pos = cmcampus.getBoundingClientRect();
	var html = document.documentElement;
	var body = document.body;
	leftvalue = pos.left + (body.scrollLeft || html.scrollLeft) - html.clientLeft;
	topvalue = pos.top + (body.scrollTop || html.scrollTop) - html.clientTop;

	var divobj = document.getElementById("cm_fukidasi");
	divcnt = divobj.getElementsByTagName('div');

	for (var i=0;i<divcnt.length-1; i++){
		ptag = divcnt[i].getElementsByTagName('p');
		inf = divcnt[i].getElementsByTagName('span');
		ptag[0].style.top=topvalue + "px"; ptag[0].style.left=leftvalue + "px";
		inf[0].style.top=topvalue + "px"; inf[0].style.left=leftvalue + "px";
		inf[1].style.top=topvalue + "px"; inf[1].style.left=leftvalue + "px";
		ptag[0].style.display = "none";
		inf[0].style.display = "none";
		inf[1].style.display = "none";
	}
}