var hOffset = 0;
function getVOffset() {
	if (document.all) {
		doc = (document.compatMode=="CSS1Compat")?document.documentElement:document.body;
		return doc.scrollTop;
	} else {
		return window.pageYOffset;
	}
}
function getScreenWide() {
	if (document.all) {
		doc = (document.compatMode=="CSS1Compat")?document.documentElement:document.body;
		return doc.clientWidth;
	} else {
		return window.innerWidth - 20;
	}
}

function moveScreen() {
	hOffset = Math.floor(8 + (hOffset - 10) / 2);
	$('infoscreen').style.left = hOffset+'px';
	if (hOffset > 10) nTimer=setTimeout("moveScreen()",100);
}

function loadMapViewer(shopcode, tananumber, title) {
	if ($('infoscreen')) {
		var screenObj = $('infoscreen');
		screenObj.parentNode.removeChild(screenObj);
	}
	if (document.all) {
		var shopSelector = $('shopcode');
		shopSelector.style.visibility = 'hidden';
	}
	var tana = ""
	switch (tananumber) {
		case 0:	tana = "新刊棚";break;
		case 999:tana = "お勧め棚";break;
		default:tana=tananumber+"番の棚";
	}
	var body = document.getElementsByTagName("BODY");
	var mapScreen = document.createElement("DIV");
	mapScreen.setAttribute("id", "infoscreen");
	mapScreen.innerHTML = '<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="980" height="580" id="mapviewer" align="middle"><param name="allowScriptAccess" value="sameDomain" /><param name="movie" value="mapviewer.swf" /><param name="quality" value="high" /><param name="wmode" value="transparent" /><param name="FlashVars" value="sc='+shopcode+'&t='+tananumber+'" /><embed src="mapviewer.swf" quality="high" wmode="transparent" FlashVars="sc='+shopcode+'&t='+tananumber+'" width="980" height="580" name="mapviewer" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /></object><h2 id="searchinfo">お探しの本「'+title+'」は'+tana+'にあります。</h2><a href="javascript:void(0);" title="このマップを閉じる" onclick="quitInfoScreen();"><img src="images/comic/close.gif" alt="閉じる"></a>';
	body[0].appendChild(mapScreen);
	var voffset = (getVOffset()+10)+"px";
	mapScreen.style.top = voffset;
	hOffset = getScreenWide();
	mapScreen.style.left = hOffset+"px";
	setTimeout("moveScreen()",100);
}

function loadIframeScreen(url, title) {
	if ($('infoscreen')) {
		var screenObj = $('infoscreen');
		screenObj.parentNode.removeChild(screenObj);
	}
	if (document.all) {
		var shopSelector = $('shopcode');
		shopSelector.style.visibility = 'hidden';
	}
	var body = document.getElementsByTagName("BODY");
	var infoScreen = document.createElement('DIV');
	infoScreen.setAttribute('id', 'infoscreen');
	infoScreen.setAttribute('name', 'infoScreen');
	var extScreen = document.createElement('IFRAME');
	extScreen.setAttribute('id', 'extscreen');
	extScreen.setAttribute('name', 'extscreen');
	infoScreen.appendChild(extScreen);
	var screenTitle = document.createElement('H2');
	screenTitle.setAttribute('id', 'searchinfo');
	var screenTitleText = document.createTextNode(title);
	screenTitle.appendChild(screenTitleText);
	infoScreen.appendChild(screenTitle);
	var closeLink = document.createElement('A');
	closeLink.setAttribute('title', 'このレイヤーを閉じる');
	Event.observe(closeLink, "click", quitInfoScreen, false);
	closeLink.setAttribute('href', 'javascript:void(0);');
	var closeBtn = document.createElement('IMG');
	closeBtn.setAttribute('src', 'images/comic/close.gif');
	closeBtn.setAttribute('alt', '閉じる');
	closeLink.appendChild(closeBtn);
	infoScreen.appendChild(closeLink);
	body[0].appendChild(infoScreen);
	extScreen.src=url;
	var voffset = (getVOffset()+10)+"px";
	infoScreen.style.top = voffset;
	hOffset = getScreenWide();
	infoScreen.style.left = hOffset+"px";
	setTimeout("moveScreen()",100);
}

function quitInfoScreen() {
	if (document.all) {
		var shopSelector = $('shopcode');
		shopSelector.style.visibility = 'visible';
	}
	var screenObj = $('infoscreen');
	screenObj.parentNode.removeChild(screenObj);
}
function addMouseEventListener() {
	var tr = document.getElementsByTagName('TR');
	if (tr.length > 0) {
		for (var i = 1; i < tr.length; i++) {
			tr[i].rel = tr[i].className;
			tr[i].onmouseover = function() {this.className=this.rel+' mouseon';};
			tr[i].onmouseout = function() {this.className=this.rel;};
		}
	}
}

function onLoad() {
	addMouseEventListener();
}
Event.observe(window, 'load', onLoad, false);