/* ianimejs http://code.google.com/p/ianimejs/ */
var anime,anime2,contents,slide03,text04,reload,cTop,CLeft,show,river00,river01,river02,river03,river04,river05,river06,river07,river08;
function nature() {
	var forest = document.getElementById("forest");
	var slide01 = document.getElementById("slide01");
	var slide02 = document.getElementById("slide02");
	slide03 = document.getElementById("slide03");
	var text01 = document.getElementById("text01");
	var text02 = document.getElementById("text02");
	var text03 = document.getElementById("text03");
	text04 = document.getElementById("text04");
	reload = document.getElementById("reload");

	//if (!window.XMLHttpRequest && window.ActiveXObject) { // for IE6
	if (forest.offsetTop == 0) {
	    contents = document.getElementById("contents");
	    fTop = contents.offsetTop + 40;
	    fLeft = contents.offsetLeft + 308;
	} else {
	    fTop = forest.offsetTop;
	    fLeft = forest.offsetLeft;
	}
	slide01.style.top = slide02.style.top = slide03.style.top = fTop + 1 + "px";
	slide01.style.left = slide02.style.left = slide03.style.left = fLeft + 1 + "px";
	text01.style.top = text02.style.top = text03.style.top = fTop + 20 + "px";
	text02.style.top = fTop + 100 + "px"; 
	text01.style.left = text02.style.left = text03.style.left = fLeft + 20 + "px";
	text04.style.top = fTop + 310 + "px";
	text04.style.left = fLeft + 20 + "px";
	reload.style.top = fTop + 8 + "px";
	reload.style.left = fLeft + 464 + "px";

	anime = new iAnime();
	anime.addSequence([
	   {duration:1000},
	   {element:slide01, effect:'fadein', duration:3000},
	   {element:slide02, effect:'fadein'},
	   {element:slide03, effect:'fadein'},
	   {duration:3000},
	   {element:text01, effect:'fadein'},
	   {element:text01, effect:'settext', text:'この美しい川を美しい姿のままで', duration:3000},
	   {element:text01, effect:'fadeout', duration:4000},
	   {element:text01, effect:'settext', text:''},
	   {duration:1000},
	   {element:slide01, effect:'fadeout', duration:1500},
	   {duration:2000},
	   {element:text02, effect:'fadein'},
	   {element:text02, effect:'settext', text:'下流域の皆様に引き渡すことが', duration:3000},
	   {element:text02, effect:'fadeout', duration:4000},
	   {element:text02, effect:'settext', text:''},
	   {duration:1000},
	   {element:slide02, effect:'fadeout', duration:1500},
	   {duration:2000},
	   {element:text03, effect:'fadein'},
	   {element:text03, effect:'settext', text:'上流域に住む者の責務だと考えております。', duration:3000},
	   {element:text03, effect:'fadeout', duration:4000},
	   {element:text04, effect:'fadein', duration:3000},
	   {element:reload, effect:'fadein', duration:1000}
	]);
} /* nature() end */
function river() {
	show = document.getElementById("show");
	river00 = document.getElementById("river00");
	river01 = document.getElementById("river01");
	river02 = document.getElementById("river02");
	river03 = document.getElementById("river03");
	river04 = document.getElementById("river04");
	river05 = document.getElementById("river05");
	river06 = document.getElementById("river06");
	river07 = document.getElementById("river07");
	river08 = document.getElementById("river08");
	var sTop, sLeft;
	//if (!window.XMLHttpRequest && window.ActiveXObject) { // for IE6
	if (show.offsetLeft < 80) {
	  sTop = contents.offsetTop + 42 + 366 + 476;
	  sLeft = contents.offsetLeft + 348;
	} else {
	  sTop = show.offsetTop;
	  sLeft = show.offsetLeft;
	}
	river00.style.top = river01.style.top = river02.style.top = river03.style.top = river04.style.top = river05.style.top = river06.style.top = river07.style.top = river08.style.top = sTop + "px";
	river00.style.left = river01.style.left = river02.style.left = river03.style.left = river04.style.left = river05.style.left = river06.style.left = river07.style.left = river08.style.left = sLeft + "px";
	//var r = Math.floor( Math.random() * 800 );
	//var dY = sTop - 340;
	var dY = sTop - 140 + Math.floor( Math.random() * 300 );
	//var dX = sLeft - 500 + r;
	var dX = sLeft + 420;
	//if ( r < 100 ) { dY += Math.floor( Math.random() * 700 ); }
	anime2 = new iAnime();
	anime2.addSequence([
	   {element:river00, effect:'fadein', duration:500},
	   {element:river01, effect:'fadein'},
	   {element:river02, effect:'fadein'},
	   {element:river03, effect:'fadein'},
	   {element:river04, effect:'fadein'},
	   {element:river05, effect:'fadein'},
	   {element:river06, effect:'fadein'},
	   {element:river07, effect:'fadein'},
	   {element:river08, effect:'fadein'},
	   {duration:4000},
	   {element:river00, x:dX, y:dY, duration:1500},
	   {element:river00, effect:'fadeout', duration:1000},
	   {duration:4000},
	   {element:river01, x:dX, y:dY, duration:1500},
	   {element:river01, effect:'fadeout', duration:1000},
	   {duration:4000},
	   {element:river02, x:dX, y:dY, duration:1500},
	   {element:river02, effect:'fadeout', duration:1000},
	   {duration:4000},
	   {element:river03, x:dX, y:dY, duration:1500},
	   {element:river03, effect:'fadeout', duration:1000},
	   {duration:4000},
	   {element:river04, x:dX, y:dY, duration:1500},
	   {element:river04, effect:'fadeout', duration:1000},
	   {duration:4000},
	   {element:river05, x:dX, y:dY, duration:1500},
	   {element:river05, effect:'fadeout', duration:1000},
	   {duration:4000},
	   {element:river06, x:dX, y:dY, duration:1500},
	   {element:river06, effect:'fadeout', duration:1000},
	   {duration:4000},
	   {element:river07, x:dX, y:dY, duration:1500},
	   {element:river07, effect:'fadeout', duration:1000},
	   {duration:4000},
	   {element:river08, x:dX, y:dY, duration:1500},
	   {element:river08, effect:'fadeout', duration:1000},
	   {onComplete:river}
	]);
} /* river() end */

function override() {
	anime2.pause(true);
	show.style.opacity = 0.4;
	if(!('opacity' in document.documentElement.style)){
	  river00.style.filter = river01.style.filter = river02.style.filter = river03.style.filter = river04.style.filter = river05.style.filter = river06.style.filter = river07.style.filter = river08.style.filter = 'alpha(opacity=5)';
	  show.style.filter = 'alpha(opacity=5)';
	}
}
function again() {
	anime2.pause(true);
	river00.style.opacity = river01.style.opacity = river02.style.opacity = 1;
	show.style.opacity = 1;
	if(!('opacity' in document.documentElement.style)) {
	  river00.style.filter = river01.style.filter = river02.style.filter = river03.style.filter = river04.style.filter = river05.style.filter = river06.style.filter = river07.style.filter = river08.style.filter = 'alpha(opacity=100)';
	  show.style.filter = 'alpha(opacity=100)';
	}
	river();
}
function AllOverAgain() {
	anime.pause(true);
	text04.style.opacity = reload.style.opacity = 0;
	if(!('opacity' in document.documentElement.style)){
	  text04.style.filter = reload.style.filter = 'alpha(opacity=0)';
	}
	nature();
}
function once() {
   if (reload.addEventListener) {
      reload.addEventListener("click", function() {
          AllOverAgain();
      }, false);
   } else if (reload.attachEvent) {
      reload.attachEvent("onclick", function() {
          AllOverAgain();
      });
   }
   var element = document.getElementById("sub");
   var counter = document.createElement("img");
   element.appendChild(counter);
   counter.src = "/cgi-bin/Count.cgi?df=top.cnt";
   counter.alt = "wwwcounter";
   counter.title = "since Tue Dec 27 16:25:59 JST 2011";
   counter.style.marginLeft = "142px";
/*
<img id="wwwcounter" src="/cgi-bin/Count.cgi?df=top.cnt" alt="wwwcounter" title="since Tue Dec 27 14:58:36 JST 2011" />
*/
}
/*
function moratorium() {
	if (anime2.pause()) {
	   anime2.pause(false);
	} else {
	   anime2.pause(true);
	}
}
*/