/********************************
REGIST PLATFORM
********************************/
var WIN = navigator.platform == "Win32";
var MAC = navigator.platform == "MacPPC";
var NN = navigator.appName.charAt(0) == "N";
var IE = navigator.appName.charAt(0) == "M";
var FFX = (navigator.userAgent.lastIndexOf("Firefox") != -1)? true : false;
var SAF = (navigator.appVersion.lastIndexOf("Safari") != -1)? true : false;
var OPR = (navigator.userAgent.lastIndexOf("Opera") != -1)? true : false;

var NN6IE5 = (document.getElementById)?true:false;
var NN4 = (document.layers && !NN6IE5)?true:false;
var IE4 = (document.all && !NN6IE5)?true:false;
var IE5 = (navigator.userAgent.lastIndexOf("MSIE 5") != -1)?true:false;
var IE7 = (navigator.userAgent.lastIndexOf("MSIE 7") != -1)?true:false;

/********************************
REGIST CODEBASE
********************************/
var baseDir = "jp/";
var cssDir = "shared/css/browser/";
var base = "";
var dirArray = ((location.href).substr((location.href).lastIndexOf(baseDir)+1, (location.href).length)).split("/");
for(var i = 0; i < dirArray.length-2; i++) base += "../";
cssDir = base + cssDir;

/********************************
FIRST ACTION
********************************/
//Get focus for this window.
//window.focus();
//Load stylesheet document by registed.
if(WIN) {
	if(IE) {
		if( IE5) document.write("<LINK REL=stylesheet HREF=\"" + cssDir + "win_ie6.css\" TYPE=\"text/css\">");
		else if( IE7) document.write("<LINK REL=stylesheet HREF=\"" + cssDir + "win_ie7.css\" TYPE=\"text/css\">");
		else document.write("<LINK REL=stylesheet HREF=\"" + cssDir + "win_ie6.css\" TYPE=\"text/css\">");
	} else if(FFX) document.write("<LINK REL=stylesheet HREF=\"" + cssDir + "win_firefox.css\" TYPE=\"text/css\">");
	else document.write("<LINK REL=stylesheet HREF=\"" + cssDir + "win_firefox.css\" TYPE=\"text/css\">");
} else {
	if(IE) document.write("<LINK REL=stylesheet HREF=\"" + cssDir + "mac_ie.css\" TYPE=\"text/css\">");
	else if(SAF) document.write("<LINK REL=stylesheet HREF=\"" + cssDir + "safari.css\" TYPE=\"text/css\">");
	else if(FFX) document.write("<LINK REL=stylesheet HREF=\"" + cssDir + "mac_firefox.css\" TYPE=\"text/css\">");
	else document.write("<LINK REL=stylesheet HREF=\"" + cssDir + "mac_firefox.css\" TYPE=\"text/css\">");
}

function init(){
 initRollovers();
 initRollovers2();
 setStripedTable();
/* styleSwitchInit();*/
/* openBlock();*/
}

window.onload = init;

/********************************
Rollover
********************************/
function initRollovers() {
	if (!document.getElementById) return
	
	var aPreLoad = new Array();
	var sTempSrc;
	var aImages = document.getElementsByTagName('img');

	for (var i = 0; i < aImages.length; i++) {		
		if (aImages[i].className == 'imgover') {
			var src = aImages[i].getAttribute('src');
			var ftype = src.substring(src.lastIndexOf('.'), src.length);
			var hsrc = src.replace(ftype, '_over'+ftype);

			aImages[i].setAttribute('hsrc', hsrc);
			
			aPreLoad[i] = new Image();
			aPreLoad[i].src = hsrc;
			
			aImages[i].onmouseover = function() {
				sTempSrc = this.getAttribute('src');
				this.setAttribute('src', this.getAttribute('hsrc'));
			}	
			
			aImages[i].onmouseout = function() {
				if (!sTempSrc) sTempSrc = this.getAttribute('src').replace('_over'+ftype, ftype);
				this.setAttribute('src', sTempSrc);
			}
		}
	}
}

/********************************
Rollover2
********************************/
function initRollovers2() {
	if (!document.getElementById) return
	
	var aPreLoad = new Array();
	var sTempSrc;
	var aImages = document.getElementsByTagName('input');

	for (var i = 0; i < aImages.length; i++) {		
		if (aImages[i].className == 'btnover') {
			var src = aImages[i].getAttribute('src');
			var ftype = src.substring(src.lastIndexOf('.'), src.length);
			var hsrc = src.replace(ftype, '_over'+ftype);

			aImages[i].setAttribute('hsrc', hsrc);
			
			aPreLoad[i] = new Image();
			aPreLoad[i].src = hsrc;
			
			aImages[i].onmouseover = function() {
				sTempSrc = this.getAttribute('src');
				this.setAttribute('src', this.getAttribute('hsrc'));
			}	
			
			aImages[i].onmouseout = function() {
				if (!sTempSrc) sTempSrc = this.getAttribute('src').replace('_over'+ftype, ftype);
				this.setAttribute('src', sTempSrc);
			}
		}
	}
}

//window.onload = initRollovers;

/********************************
Stripetable
********************************/
conf = {
	className : "stripedtable",
	oddlineClassName : "oddline",
	evenlineClassName : "evanline"
}

function setStripedTable(){
	var tables = getElementsByClassName(conf.className);
	for (var i=0, len=tables.length; i<len; i++){
		var table = tables[i];
		var lines = table.getElementsByTagName("tr");

		for (var j=0, llen=lines.length; j<llen; j++){
			tr = lines[j];
			if(j%2==0) {
				tr.className = conf.oddlineClassName;
			} else {
				tr.className = conf.evenlineClassName;
			}
		}
	}
}
//window.onload = setStripedTable;

function getElementsByClassName(name){
	var elements = new Array();
	var allElements = document.getElementsByTagName('*');
	for (var i=0, len=allElements.length; i<len; i++){
		if (allElements[i].className == name){
			elements.push(allElements[i]);
		}
	}
	return elements;
}

/********************************
displayBlock
********************************/
function displayBlock(id) {
  if (! document.getElementById) return;
  if (document.getElementById(id).style.display != "block")
    document.getElementById(id).style.display = "block";
  else
    document.getElementById(id).style.display = "none";
}

/********************************
snow
********************************/
jQuery(function(){
	initSnow();
});
var SCREEN_WIDTH = window.innerWidth;
var SCREEN_HEIGHT = window.innerHeight;
var container;
var particle;
var camera;
var scene;
var renderer;
var mouseX = 0;
var mouseY = 0;
var windowHalfX = window.innerWidth / 2;
var windowHalfY = window.innerHeight / 2;
var particles = []; 
var particleImage = new Image();//THREE.ImageUtils.loadTexture( "http://watashinomori.jp/shared/img3/ParticleSmoke.png" );
particleImage.src = 'http://watashinomori.jp/shared/img3/ParticleSmoke.png';

function initSnow() {
	container = document.createElement('div');
	$(container).css({'position':'fixed','top':0,'left':0,'z-index':-1,'background':'url(http://watashinomori.jp/shared/img3/bg_base_b.jpg) repeat-x #c6d0d7 center top'});
	document.body.appendChild(container);
	camera = new THREE.PerspectiveCamera( 50, SCREEN_WIDTH / SCREEN_HEIGHT, 1, 10000 );
	camera.position.z = 1000;
	scene = new THREE.Scene();
	scene.add(camera);
	renderer = new THREE.CanvasRenderer();
	renderer.setSize(SCREEN_WIDTH, SCREEN_HEIGHT);
	var material = new THREE.ParticleBasicMaterial( { map: new THREE.Texture(particleImage) } );
	for (var i = 0; i < 100; i++) {
		particle = new Particle3D( material);
		particle.position.x = Math.random() * 2000 - 1000;
		particle.position.y = Math.random() * 2000 - 1000;
		particle.position.z = Math.random() * 2000 - 1000;
		particle.scale.x = particle.scale.y =  1;
		scene.add( particle );
		particles.push(particle); 
	}
	container.appendChild( renderer.domElement );
	setInterval( loop, 1000 / 20 );
}
function loop() {
	for(var i = 0; i<particles.length; i++) {
		var particle = particles[i]; 
		particle.updatePhysics(); 
		with(particle.position) {
			if(y<-1000) y+=2000; 
			if(x>1000) x-=2000; 
			else if(x<-1000) x+=2000; 
			if(z>1000) z-=2000; 
			else if(z<-1000) z+=2000; 
		}				
	}
	camera.position.x += ( mouseX - camera.position.x ) * 0.05;
	camera.position.y += ( - mouseY - camera.position.y ) * 0.05;
	camera.lookAt(scene.position); 
	renderer.render( scene, camera );
}
function include(astrFile)
{
    var script = document.createElement('script');
    script.src = astrFile;
    script.type = 'text/javascript';
    script.defer = true;
    document.getElementsByTagName('head').item(0).appendChild(script);
}