﻿<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="Content-Style-Type" content="text/css">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<link rel="stylesheet" type="text/css" href="abc.css">
<title>g</title>
<style type="text/css">
<!--
img.move{
position:absolute;top:-320px;left:-240px;
}
--></style>
<script type="text/javascript">
<!--
var i;
var mSec = 1;
cx = new Array(8);
cy = new Array(8);
sx = new Array(8);
sy = new Array(8);
spx = new Array(8);
spy = new Array(8);
movec = new Array(8);
allc = new Array(8);
var tcx = 0;
var tcy = 0;
var tsx = 0;
var tsy = 0;
var tspx = 0;
var tspy = 0;
var out = 0;
lcx = new Array(4);
lcy = new Array(4);
lsx = new Array(4);
lsy = new Array(4);
lspx = new Array(4);
lspy = new Array(4);
var allmovec = 0;
var titlemovec = 0;
var linkmovec = 0;
for(i=0;i<8;i++) cx[i] = 0;
for(i=0;i<8;i++) cy[i] = 0;
for(i=0;i<8;i++) sx[i] = 0;
for(i=0;i<8;i++) sy[i] = 0;
for(i=0;i<8;i++) spx[i] = 0;
for(i=0;i<8;i++) spy[i] = 0;
for(i=0;i<8;i++) movec[i] = 0;
for(i=0;i<8;i++) allc[i] = 0;
for(i=0;i<4;i++) lcx[i] = 0;
for(i=0;i<4;i++) lcy[i] = 0;
for(i=0;i<4;i++) lsx[i] = 0;
for(i=0;i<4;i++) lsy[i] = 0;
for(i=0;i<4;i++) lspx[i] = 0;
for(i=0;i<4;i++) lspy[i] = 0;
function dest(){
	for(i=0;i<8;i++){
		cx[i] = Math.floor(Math.random() * (document.body.clientWidth - document.images["H"].width));
		cy[i] = Math.floor(Math.random() * (document.body.clientHeight - document.images["H"].height));
		sx[i] = document.body.clientWidth / 9 * (i + 1) - (document.images["H"].width / 2 + 1);
		sy[i] = 10;
	}
	for(i=0;i<4;i++){
		lcx[i] = 10;
		lcy[i] = 160;
	}
	lsx[0] = 220;
	lsx[1] = 220;
	lsx[2] = 220;
	lsx[3] = 220;
	lsy[0] = 160;
	lsy[1] = 230;
	lsy[2] = 300;
	lsy[3] = 370;
	document.images["H"].style.left = cx[0];
	document.images["H"].style.top = cy[0];
	document.images["O"].style.left = cx[1];
	document.images["O"].style.top = cy[1];
	document.images["S"].style.left = cx[2];
	document.images["S"].style.top = cy[2];
	document.images["E"].style.left = cx[3];
	document.images["E"].style.top = cy[3];
	document.images["P"].style.left = cx[4];
	document.images["P"].style.top = cy[4];
	document.images["E2"].style.left = cx[5];
	document.images["E2"].style.top = cy[5];
	document.images["N"].style.left = cx[6];
	document.images["N"].style.top = cy[6];
	document.images["S2"].style.left = cx[7];
	document.images["S2"].style.top = cy[7];
}
function worddest_h(){
	spx[0] = (sx[0] - cx[0]) / 150;
	spy[0] = (sy[0] - cy[0]) / 150;
	movec[0] = 0;
	moveword_h();
}
function moveword_h(){
	cx[0] += spx[0];
	cy[0] += spy[0];
	document.images["H"].style.left = cx[0];
	document.images["H"].style.top = cy[0];
	if(movec[0]<149){
		movec[0]++;
		setTimeout("moveword_h()",mSec);
	}else{
		allc[0] = 1;
		if((allc[0] == 1)&&(allc[1] == 1)&&(allc[2] == 1)&&(allc[3] == 1)&&(allc[4] == 1)&&(allc[5] == 1)&&(allc[6] == 1)&&(allc[7] == 1)){
			alldest();
		}
	}
}
function worddest_o(){
	spx[1] = (sx[1] - cx[1]) / 150;
	spy[1] = (sy[1] - cy[1]) / 150;
	movec[1] = 0;
	moveword_o();
}
function moveword_o(){
	cx[1] += spx[1];
	cy[1] += spy[1];
	document.images["O"].style.left = cx[1];
	document.images["O"].style.top = cy[1];
	if(movec[1]<149){
		movec[1]++;
		setTimeout("moveword_o()",mSec);
	}else{
		allc[1] = 1;
		if((allc[0] == 1)&&(allc[1] == 1)&&(allc[2] == 1)&&(allc[3] == 1)&&(allc[4] == 1)&&(allc[5] == 1)&&(allc[6] == 1)&&(allc[7] == 1)){
			alldest();
		}
	}
}
function worddest_s(){
	spx[2] = (sx[2] - cx[2]) / 150;
	spy[2] = (sy[2] - cy[2]) / 150;
	movec[2] = 0;
	moveword_s();
}
function moveword_s(){
	cx[2] += spx[2];
	cy[2] += spy[2];
	document.images["S"].style.left = cx[2];
	document.images["S"].style.top = cy[2];
	if(movec[2]<149){
		movec[2]++;
		setTimeout("moveword_s()",mSec);
	}else{
		allc[2] = 1;
		if((allc[0] == 1)&&(allc[1] == 1)&&(allc[2] == 1)&&(allc[3] == 1)&&(allc[4] == 1)&&(allc[5] == 1)&&(allc[6] == 1)&&(allc[7] == 1)){
			alldest();
		}
	}
}
function worddest_e(){
	spx[3] = (sx[3] - cx[3]) / 150;
	spy[3] = (sy[3] - cy[3]) / 150;
	movec[3] = 0;
	moveword_e();
}
function moveword_e(){
	cx[3] += spx[3];
	cy[3] += spy[3];
	document.images["E"].style.left = cx[3];
	document.images["E"].style.top = cy[3];
	if(movec[3]<149){
		movec[3]++;
		setTimeout("moveword_e()",mSec);
	}else{
		allc[3] = 1;
		if((allc[0] == 1)&&(allc[1] == 1)&&(allc[2] == 1)&&(allc[3] == 1)&&(allc[4] == 1)&&(allc[5] == 1)&&(allc[6] == 1)&&(allc[7] == 1)){
			alldest();
		}
	}
}
function worddest_p(){
	spx[4] = (sx[4] - cx[4]) / 150;
	spy[4] = (sy[4] - cy[4]) / 150;
	movec[4] = 0;
	moveword_p();
}
function moveword_p(){
	cx[4] += spx[4];
	cy[4] += spy[4];
	document.images["P"].style.left = cx[4];
	document.images["P"].style.top = cy[4];
	if(movec[4]<149){
		movec[4]++;
		setTimeout("moveword_p()",mSec);
	}else{
		allc[4] = 1;
		if((allc[0] == 1)&&(allc[1] == 1)&&(allc[2] == 1)&&(allc[3] == 1)&&(allc[4] == 1)&&(allc[5] == 1)&&(allc[6] == 1)&&(allc[7] == 1)){
			alldest();
		}
	}
}
function worddest_e2(){
	spx[5] = (sx[5] - cx[5]) / 150;
	spy[5] = (sy[5] - cy[5]) / 150;
	movec[5] = 0;
	moveword_e2();
}
function moveword_e2(){
	cx[5] += spx[5];
	cy[5] += spy[5];
	document.images["E2"].style.left = cx[5];
	document.images["E2"].style.top = cy[5];
	if(movec[5]<149){
		movec[5]++;
		setTimeout("moveword_e2()",mSec);
	}else{
		allc[5] = 1;
		if((allc[0] == 1)&&(allc[1] == 1)&&(allc[2] == 1)&&(allc[3] == 1)&&(allc[4] == 1)&&(allc[5] == 1)&&(allc[6] == 1)&&(allc[7] == 1)){
			alldest();
		}
	}
}
function worddest_n(){
	spx[6] = (sx[6] - cx[6]) / 150;
	spy[6] = (sy[6] - cy[6]) / 150;
	movec[6] = 0;
	moveword_n();
}
function moveword_n(){
	cx[6] += spx[6];
	cy[6] += spy[6];
	document.images["N"].style.left = cx[6];
	document.images["N"].style.top = cy[6];
	if(movec[6]<149){
		movec[6]++;
		setTimeout("moveword_n()",mSec);
	}else{
		allc[6] = 1;
		if((allc[0] == 1)&&(allc[1] == 1)&&(allc[2] == 1)&&(allc[3] == 1)&&(allc[4] == 1)&&(allc[5] == 1)&&(allc[6] == 1)&&(allc[7] == 1)){
			alldest();
		}
	}
}
function worddest_s2(){
	spx[7] = (sx[7] - cx[7]) / 150;
	spy[7] = (sy[7] - cy[7]) / 150;
	movec[7] = 0;
	moveword_s2();
}
function moveword_s2(){
	cx[7] += spx[7];
	cy[7] += spy[7];
	document.images["S2"].style.left = cx[7];
	document.images["S2"].style.top = cy[7];
	if(movec[7]<149){
		movec[7]++;
		setTimeout("moveword_s2()",mSec);
	}else{
		allc[7] = 1;
		if((allc[0] == 1)&&(allc[1] == 1)&&(allc[2] == 1)&&(allc[3] == 1)&&(allc[4] == 1)&&(allc[5] == 1)&&(allc[6] == 1)&&(allc[7] == 1)){
			alldest();
		}
	}
}
function alldest(){
	for(i=0;i<8;i++){
		sy[i] = 0 - document.images["H"].height;
		spx[i] = (sx[i] - cx[i]) / 50;
		spy[i] = (sy[i] - cy[i]) / 50;
	}
	allmove();
}
function allmove(){
	for(i=0;i<8;i++){
		cy[i] += spy[i];
	}
	document.images["H"].style.left = cx[0];
	document.images["H"].style.top = cy[0];
	document.images["O"].style.left = cx[1];
	document.images["O"].style.top = cy[1];
	document.images["S"].style.left = cx[2];
	document.images["S"].style.top = cy[2];
	document.images["E"].style.left = cx[3];
	document.images["E"].style.top = cy[3];
	document.images["P"].style.left = cx[4];
	document.images["P"].style.top = cy[4];
	document.images["E2"].style.left = cx[5];
	document.images["E2"].style.top = cy[5];
	document.images["N"].style.left = cx[6];
	document.images["N"].style.top = cy[6];
	document.images["S2"].style.left = cx[7];
	document.images["S2"].style.top = cy[7];
	if(allmovec<49){
		allmovec++;
		setTimeout("allmove()",mSec);
	}else{
		titledest();
	}
}
function titledest(){
	tcx = (document.body.clientWidth - document.images["T"].width) / 2;
	tcy = 0 - document.images["T"].height;
	tsx = (document.body.clientWidth - document.images["T"].width) / 2;
	tsy = 5;
	tspx = (tsx - tcx) / 50;
	tspy = (tsy - tcy) / 50;
	movetitle();
}
function movetitle(){
	tcx += tspx;
	tcy += tspy;
	document.images["T"].style.left = tcx;
	document.images["T"].style.top = tcy;
	if(titlemovec<49){
		titlemovec++;
		setTimeout("movetitle()",mSec);
	}
}
function hover_index(){
	document.images["Index"].src = 'index2.jpg';
}
function out_index(){
	document.images["Index"].src = 'index.jpg';
}
function hover_hidari(){
	document.images["Hidari"].src = 'hidari2.jpg';
}
function out_hidari(){
	document.images["Hidari"].src = 'hidari.jpg';
}
function hover_haiban(){
	document.images["Haiban"].src = 'haiban2.jpg';
}
function out_haiban(){
	document.images["Haiban"].src = 'haiban.jpg';
}
function hover_garasu(){
	document.images["Garasu"].src = 'garasu2.jpg';
}
function out_garasu(){
	document.images["Garasu"].src = 'garasu.jpg';
}
function hover_2007nen(){
	document.images["2007nen"].src = '2007nen2.jpg';
}
function out_2007nen(){
	document.images["2007nen"].src = '2007nen.jpg';
}
function hover_shosetsu(){
	document.images["Shosetsu"].src = 'shosetsu2.jpg';
}
function out_shosetsu(){
	document.images["Shosetsu"].src = 'shosetsu.jpg';
}
function hover_comment(){
	document.images["Comment"].src = 'comment2.jpg';
}
function out_comment(){
	document.images["Comment"].src = 'comment.jpg';
}
function hover_gallery(){
	document.images["Gallery"].src = 'gallery2.jpg';
}
function out_gallery(){
	document.images["Gallery"].src = 'gallery.jpg';
}
function hover_blog(){
	document.images["Blog"].src = 'blog2.jpg';
}
function out_blog(){
	document.images["Blog"].src = 'blog.jpg';
}
function noveldest(){
	if(out==0){
		lsx[0] = 220;
		lsx[1] = 220;
		lsx[2] = 220;
		lsx[3] = 220;
		lsy[0] = 160;
		lsy[1] = 230;
		lsy[2] = 300;
		lsy[3] = 370;
	}else{
		lsx[0] = 10;
		lsx[1] = 10;
		lsx[2] = 10;
		lsx[3] = 10;
		lsy[0] = 160;
		lsy[1] = 160;
		lsy[2] = 160;
		lsy[3] = 160;
	}
	for(i=0;i<4;i++){
		lspx[i] = (lsx[i] - lcx[i]) / 20;
		lspy[i] = (lsy[i] - lcy[i]) / 20;
		linkmovec = 0;
	}
	movenovel();
}
function movenovel(){
	for(i=0;i<4;i++){
		lcx[i] += lspx[i];
		lcy[i] += lspy[i];
	}
	document.images["Hidari"].style.left = lcx[0];
	document.images["Hidari"].style.top = lcy[0];
	document.images["Haiban"].style.left = lcx[1];
	document.images["Haiban"].style.top = lcy[1];
	document.images["Garasu"].style.left = lcx[2];
	document.images["Garasu"].style.top = lcy[2];
	document.images["2007nen"].style.left = lcx[3];
	document.images["2007nen"].style.top = lcy[3];
	if(linkmovec<19){
		linkmovec++;
		setTimeout("movenovel()",mSec);
	}else{
		if(out==0) out = 1;
		else out = 0;
	}
}
--></script>
</head>
<body onLoad="dest()">
<img src="index.jpg" name="Index" width="200" height="60" style="position:absolute;top:90px;left:10px;" 
onmouseover="hover_index()" onmouseout="out_index()" 
onclick="location = 'index.html'" onkeypress="location = 'index.html'" alt="トップ">
<img src="2007nen.jpg" name="2007nen" width="200" height="60" style="position:absolute;top:160px;left:10px;" 
onmouseover="hover_2007nen()" onmouseout="out_2007nen()" 
onclick="location = '2007nen.html'" onkeypress="location = '2007nen.html'" alt="2007年録">
<img src="garasu.jpg" name="Garasu" width="200" height="60" style="position:absolute;top:160px;left:10px;" 
onmouseover="hover_garasu()" onmouseout="out_garasu()" 
onclick="location = 'garasu.html'" onkeypress="location = 'garasu.html'" alt="硝子の反射">
<img src="haiban.jpg" name="Haiban" width="200" height="60" style="position:absolute;top:160px;left:10px;" 
onmouseover="hover_haiban()" onmouseout="out_haiban()" 
onclick="location = 'haiban.html'" onkeypress="location = 'haiban.html'" alt="廃盤の時刻">
<img src="hidari.jpg" name="Hidari" width="200" height="60" style="position:absolute;top:160px;left:10px;" 
onmouseover="hover_hidari()" onmouseout="out_hidari()" 
onclick="location = 'hidari.html'" onkeypress="location = 'hidari.html'" alt="左に曲がる">
<img src="shosetsu.jpg" name="Shosetsu" width="200" height="60" style="position:absolute;top:160px;left:10px;" 
onmouseover="hover_shosetsu()" onmouseout="out_shosetsu()" 
onclick="noveldest()" onkeypress="noveldest()" alt="小説">
<img src="comment.jpg" name="Comment" width="200" height="60" style="position:absolute;top:230px;left:10px;" 
onmouseover="hover_comment()" onmouseout="out_comment()" 
onclick="location = 'comment.html'" onkeypress="location = 'comment.html'" alt="コメント">
<img src="gallery.jpg" name="Gallery" width="200" height="60" style="position:absolute;top:300px;left:10px;" 
onmouseover="hover_gallery()" onmouseout="out_gallery()" 
onclick="location = 'gallery.html'" onkeypress="location = 'gallery.html'" alt="ギャラリー">
<img src="blog.jpg" name="Blog" width="200" height="60" style="position:absolute;top:370px;left:10px;" 
onmouseover="hover_blog()" onmouseout="out_blog()" 
onclick="location = 'http://hosepens.blog.shinobi.jp/'" onkeypress="location = 'http://hosepens.blog.shinobi.jp/'" alt="管の万年筆日記">
<img src="h.gif" name="H" class="move" onmouseover="worddest_h()" alt="H">
<img src="o.gif" name="O" class="move" onmouseover="worddest_o()" alt="O">
<img src="s.gif" name="S" class="move" onmouseover="worddest_s()" alt="S">
<img src="e.gif" name="E" class="move" onmouseover="worddest_e()" alt="E">
<img src="p.gif" name="P" class="move" onmouseover="worddest_p()" alt="P">
<img src="e.gif" name="E2" class="move" onmouseover="worddest_e2()" alt="E">
<img src="n.gif" name="N" class="move" onmouseover="worddest_n()" alt="N">
<img src="s.gif" name="S2" class="move" onmouseover="worddest_s2()" alt="S">
<img src="title.jpg" name="T" class="move" alt="管の万年筆">
</body>
</html>