// JavaScript Document

var body = document['CSS1Compat' == document.compatMode ? 'documentElement' : 'body'];

function setInterFace(){
	var browser =checkBrowser() ;
	
	if(browser == "MSIE"){
		document.write('<div id="interface-box" style="width: 150px;height: 300px;margin-left: auto;margin-right: auto;"><embed src="http://www.dc-archives.co.jp/blogparts/maruyamazoo/interface.swf" quality="high" salign="lt" bgcolor="#ffffff" width="150px" height="300px" wmode="transparent" name="inter-face" id="inter-face" swLiveConnect=true align="middle" allowscriptaccess="always" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /></div>');
	}else {
		document.open();
		document.write('<div id="interface-box" style="width: 150px;height: 300px;margin-left: auto;margin-right: auto;">');
		document.write('<object id="interface" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="150px" height="300px" id="test" align="middle">');
		document.write('<param name="allowScriptAccess" value="always" />');
		document.write('<param name="movie" value="http://www.dc-archives.co.jp/blogparts/maruyamazoo/interface.swf" /><param name="salign" value="lt" /><param name="quality" value="high" /><param name="wmode" value="transparent" /><param name="bgcolor" value="#ffffff" /><embed src="http://www.dc-archives.co.jp/blogparts/maruyamazoo/interface.swf" quality="high" salign="lt" bgcolor="#ffffff" width="150px" height="300px" wmode="transparent" name="inter-face" id="inter-face" swLiveConnect=true align="middle" allowscriptaccess="always" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />');
		document.write('</object>');
		document.write('</div>');
		document.close();
	}
}

function test(vars){
	var testLayer01 = '';
	testLayer01 +='<object id="blog_monkey" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="100%" height="100%" align="middle">';
	testLayer01 +='<param name="allowScriptAccess" value="always" /><param name="FlashVars" value="hyouji=' + vars + '" />';
	testLayer01 +='<param name="movie" value="http://www.dc-archives.co.jp/blogparts/maruyamazoo/blog_monkey.swf" /><param name="scale" value="noscale" /><param name="salign" value="lt" /><param name="quality" value="high" /><param name="wmode" value="transparent" /><param name="bgcolor" value="#ffffff" /><embed src="http://www.dc-archives.co.jp/blogparts/maruyamazoo/blog_monkey.swf" quality="high" FlashVars="hyouji=' + vars + '" scale="noscale" salign="lt" wmode="transparent" bgcolor="#ffffff" width="100%" height="100%" name="blog_monkey" id="blog_monkey" swLiveConnect=true align="middle" allowscriptaccess="always" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />';
	testLayer01 +='</object>';
	var oLi = document.createElement('div');
	oLi.setAttribute('id','flayar');
	oLi.style.position = "absolute";
	oLi.style.width = "100%";
	oLi.style.height = "100%";
	oLi.innerHTML = testLayer01;
	var oOl = document.body;
	fRemoveChild('flayar');
	oOl.appendChild(oLi);
	setLayer('flayar');
	
}
function howto(){
	var testLayer01 = '';
	testLayer01 +='<object id="howto" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="100%" height="100%" align="middle">';
	testLayer01 +='<param name="allowScriptAccess" value="always" />';
	testLayer01 +='<param name="movie" value="http://www.dc-archives.co.jp/blogparts/maruyamazoo/howto.swf" /><param name="scale" value="noscale" /><param name="salign" value="lt" /><param name="quality" value="high" /><param name="wmode" value="transparent" /><param name="bgcolor" value="#ffffff" /><embed src="http://www.dc-archives.co.jp/blogparts/maruyamazoo/howto.swf" quality="high"  scale="noscale" salign="lt" wmode="transparent" bgcolor="#ffffff" width="100%" height="100%" name="blog_monkey" id="blog_monkey" swLiveConnect=true align="middle" allowscriptaccess="always" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />';
	testLayer01 +='</object>';
	var oLi = document.createElement('div');
	oLi.setAttribute('id','flayar2');
	oLi.style.position = "absolute";
	oLi.style.width = "100%";
	oLi.style.height = "100%";
	oLi.innerHTML = testLayer01;
	var oOl = document.body;
	fRemoveChild('flayar2');
	oOl.appendChild(oLi);
	setLayer('flayar2');
	
}

function fRemoveChild(flayar){
	if(document.getElementById(flayar)==null){
	}else{
		var oOl = document.body;
		var oLi = document.getElementById(flayar);
		oOl.removeChild(oLi);
	}
}
window.onresize = function(){
	setLayer('flayar');
	setLayer('flayar2');
}

window.onscroll = function(){
	setLayer('flayar');
	setLayer('flayar2');
}

function checkBrowser(){
	var uName = navigator.userAgent;
	if (uName.indexOf("Safari") > -1) return "Safari";
	if (uName.indexOf("MSIE") > -1) return "MSIE";
	return "Netscape";
}

function setLayer(flayar){
	if(document.getElementById(flayar)==null){
	}else{
	var browser =checkBrowser() ;

	var XX;
	var YY;
	var WW;
	var HH;

	if(browser == "MSIE"){
		XX = body.scrollLeft;
		YY = body.scrollTop;
		WW = body.clientWidth;
		HH = body.clientHeight;

	}else{
		XX = window.pageXOffset;
		YY = window.pageYOffset;
		WW = window.innerWidth-15;
		HH = window.innerHeight;
	}
	
	var dX = 0;
	if(browser == "Netscape"){
	}

	var testLayer = document.getElementById(flayar)
	testLayer.style.left = (XX + dX) + 'px';
	testLayer.style.width = WW + 'px';
	testLayer.style.height = HH + 'px';
	testLayer.style.top = YY + 'px';
	}
}