/* 
JavaScript for http://www.sakakida.com/
last updated on 2006.11.09
(c) 2006 YOSUKE INUI Design Office
-- 
*/ 

// ------------------------------- Over Write CSS -------------------------------
document.open();
document.write('<style type="text/css">');
document.write('div.SHEET { height:540px; overflow:hidden; } div#JSS { height:520px; }');
// document.write('div.IMAGES div.IMAGE { position:absolute; display:none; }');
document.write('</style>');
document.close();


// ------------------------------- SHORT-CUT KEYS -------------------------------
document.onkeydown = function () {
	if (macFF || winFF) { event = arguments[0]; }
	if (event.altKey || event.ctrlKey || event.shiftKey) { return true; }
	if	(event.keyCode == 39) { AUDIO.play(); NEXT.obj = new OBJ('NEXT'); location.href = NEXT.obj.path.href; }	// →
	else if	(event.keyCode == 37) { history.go(-1); }		// ←
	else if	(event.keyCode == 38) { script_JSS.slide(3/4); JSS.key = false; }	// ↑
	else if	(event.keyCode == 40) { script_JSS.slide(-3/4); JSS.key = false; }	// ↓
	else if	(event.keyCode == 33) { script_JSS.slide(3/4); JSS.key = false; }	// PAGE UP
	else if	(event.keyCode == 34) { script_JSS.slide(-3/4); JSS.key = false; }	// PAGE DOWN
	else if	(event.keyCode == 35) { script_JSS.slide(-99); JSS.key = false; }	// END
	else if	(event.keyCode == 36) { script_JSS.slide(99); JSS.key = false;}	// HOME
	else if	(event.keyCode == 102) { AUDIO.play(); NEXT.obj = new OBJ('NEXT'); location.href = NEXT.obj.path.href; }	// 6 (in 10-keys)
	else if	(event.keyCode == 100) { history.go(-1); }		// 4 (in 10-keys)
	else if	(event.keyCode == 104) { script_JSS.slide(3/4); JSS.key = false; }	// 8 (in 10-keys)
	else if	(event.keyCode == 98) { script_JSS.slide(-3/4); JSS.key = false; }	// 2 (in 10-keys)
	else if	(event.keyCode == 32) { script_JSS.slide(-3/4); JSS.key = false; }	// Space Bar
}

// -- PNG --
if (winIE && parseInt(UAver) <= 6) { load.Set('PNG();'); }
function PNG() {
var tmpA = (document.getElementById) ? document.getElementsByTagName('img') : document.images;
for (i = 0; i < tmpA.length; i ++) {
	if (!tmpA[i].runtimeStyle) continue;
	if (!tmpA[i].src.match(/(.*)[^-]\.(png)$/i)) continue;
	tmpA[i].runtimeStyle.filter = 'progid:DXImageTransform.Microsoft.AlphaImageLoader(src="' + tmpA[i].src + '", sizingmethod="image");';
	tmpA[i].src = '/com/img/transparent.png';
}
try { document.execCommand('BackgroundImageCache', false, true); } catch(e) {}
}

load.Set('NEXT.set();');
window.onscroll = function () {  clearTimeout(NEXT.timer); NEXT.timer = setTimeout('NEXT.move();',64); }
var NEXT = { timer:undefined, flag:false, obj:new Object(), url:undefined,
	set:function () { if (!NEXT.obj.flag) { NEXT.obj = new OBJ('NEXT'); } if (NEXT.obj.flag) {  
		NEXT.url = NEXT.obj.path.href;
		NEXT.obj.path.onmouseover	= function () { AUDIO.play(); NEXT.on; }
		NEXT.obj.path.onmousemove	= NEXT.on;
		NEXT.obj.path.onmouseout	= NEXT.out;
		NEXT.obj.path.onclick	= function () { NEXT.go(); return false; }
		NEXT.move();
	}},
	move:function () { if (NEXT.obj.flag && !scroll.flag) { ENV.Set(); 
		if (winIE && UAver <= 6)	{ move.Set(NEXT.obj, (ENV.Y + 275), 848, 5, 128); } 
		else			{ move.Set(NEXT.obj, (ENV.Y + 275), 850, 5, 128); }}
	},
	on:	function () { NEXT.obj.setZ(3); },
	out:	function () { NEXT.obj.setZ(1); },
	go:	function () { if (NEXT.obj.flag) { AUDIO.play(); location.href = NEXT.url; }}

}

// -- Email --
function Email () {
var Email_Addr	= (arguments[0] && arguments[1]) ? (arguments[0] + '@' + arguments[1]) : ('mail' + '\@' + 'sakakida' + '.com');
var string	= '<a href="' + 'mail' + 'to:' + Email_Addr + '" class="e10">' + Email_Addr + '</a>';
document.open();
document.write(string);
document.close();
}


// ---------- Re (window.onresize)----------
// window.onresize	= function () { Re.set(); }
var Re		= { timer:undefined,
set:function () {
	if (Re.timer) { clearTimeout(Re.timer); }
	Re.timer = setTimeout('Re.on ();',128);
}, on:function () { new JSS("JSS"); }
}

// ---------- JSS (script_JSS is necessary)  ----------
var JSS	= new Function();
JSS.prototype.frame	= new Object();
JSS.prototype.key	= 0;
JSS.prototype.dgree	= 5;
JSS.prototype.top	= false;
JSS.prototype.end	= false;
JSS = function () {
this.id		= arguments[0];
this.frame	= new OBJ(this.id); if(this.frame.flag) { this.obj = new OBJ(this.frame.path.firstChild); }
this.dgree	= (arguments[7]) ? arguments[7] : 5;
JSS.frame	= this.frame;
JSS.dgree	= this.dgree;
if (this.frame.flag) {
	if (arguments[1]) { this.frame.setW(eval(arguments[1])); this.frame = new OBJ(this.frame); }
	if (arguments[2]) { this.frame.setH(eval(arguments[2])); this.frame = new OBJ(this.frame); }
	if (arguments[3]) { this.obj.setW(eval(arguments[3])); this.obj = new OBJ(this.obj); }
	if (arguments[4]) { this.obj.setH(eval(arguments[4])); this.obj = new OBJ(this.obj); }
	if (arguments[5]) { this.obj.setX(eval(arguments[5])); }
	if (arguments[6]) { this.obj.setY(eval(arguments[6])); }
	if	(this.obj.W - 5 > this.frame.W) { this.key = 1; } // X scroll
	else if	(this.obj.H - 5 > this.frame.H) { this.key = 2; } // Y scroll
}
if (this.key > 0) {
	if (this.frame.path.childNodes.length < 5) {
		// Create Elements
		this.box			= new OBJ(document.createElement('div'));	this.box.path.className = 'JSS_BOX';					this.frame.path.appendChild(this.box.path);	this.box		= new OBJ(this.box);
		eval ('this.box.path.onmousedown	= function () { script_JSS.slide('+ (false) + '); }');
		this.bar			= new OBJ(document.createElement('div'));	this.bar.path.className = 'JSS_BAR';					this.frame.path.appendChild(this.bar.path);	this.bar		= new OBJ(this.bar);
		eval ('this.bar.path.onmousedown	= function () { script_JSS.on(); }');	this.bar.setD(0);
		this.up			= new OBJ(document.createElement('a'));		this.up.path.className = 'JSS_UP'; this.up.path.setAttribute('href','#');	this.frame.path.appendChild(this.up.path);	this.up		= new OBJ(this.up);
		eval ('this.up.path.onclick	= function () { script_JSS.slide('+ ((this.dgree - 1) / this.dgree) + '); return false; }');
		this.dn			= new OBJ(document.createElement('a'));		this.dn.path.className = 'JSS_DN'; this.dn.path.setAttribute('href','#');	this.frame.path.appendChild(this.dn.path);	this.dn		= new OBJ(this.dn);
		eval ('this.dn.path.onclick	= function () { script_JSS.slide('+ ((this.dgree - 1) / this.dgree * -1) + '); return false; }');
		this.pagetop		= new OBJ(document.createElement('div'));	this.pagetop.path.className = 'JSS_PAGETOP';				this.obj.path.appendChild(this.pagetop.path);	this.pagetop	= new OBJ(this.pagetop);
		this.pagetopA		= new OBJ(document.createElement('a'));		this.pagetopA.path.setAttribute('href','#');				this.pagetop.path.appendChild(this.pagetopA.path);	this.pagetopA.setI('page top');
		eval ('this.pagetopA.path.onclick	= function () { script_JSS.slide(999); return false; }');
	} else {
		this.box			= new OBJ(this.frame.path.childNodes[1]);
		this.bar			= new OBJ(this.frame.path.childNodes[2]);
		this.up			= new OBJ(this.frame.path.childNodes[3]);
		this.dn			= new OBJ(this.frame.path.childNodes[4]);
		this.pagetop		= new OBJ(this.obj.path.lastChild);
	}
	if (this.key == 1) { // X scroll
		this.obj.setW(this.obj.W + this.pagetop.W)
		this.box.setX(0).setW (this.frame.W - this.up.W - this.dn.W - 4);
		this.bar.setX(0);
		this.up.setX(this.box.W + 3);
		this.dn.setX(this.up.X + this.up.W + 1);
		this.barSize	= parseInt(this.frame.W / (this.obj.W)  * this.box.W);
	} else if (this.key == 2) { // Y scroll
		this.obj.setH(this.obj.H + this.pagetop.H)
		this.box.setY(0).setH (this.frame.H - this.up.H - this.dn.H - 4);
		this.bar.setY(0);
		this.up.setY(this.box.H + 3);
		this.dn.setY(this.up.Y + this.up.H + 1);
		this.barSize	= parseInt(this.frame.H / (this.obj.H)  * this.box.H);
	}
	this.objX = this.obj.X; this.frameY = this.obj.Y; this.barX = this.bar.X; this.barY = this.bar.Y;
	if (this.barSize < 50) this.barSize = 50;
	if (!this.bar.H) { this.bar.H = 11; } if (!this.bar.W) { this.bar.W = 11; }
	if	(this.key == 1)	{ this.bar.setW(this.barSize).setC(0, 0, this.bar.H, 0).setD(1); sweep.Set(this.bar, 0, (this.bar.W+2), (this.bar.H+0), 0); this.objX	= 0; } // X scroll
	else if	(this.key == 2)	{ this.bar.setH(this.barSize).setC(0, this.bar.W, 0, 0).setD(1); sweep.Set(this.bar, 0, (this.bar.W+0), (this.bar.H+2), 0); this.objY	= 0; } // Y scroll
	// スクロール中の範囲選択を停止
	if ( doc.getElementsByTagName('body')[0] ) { 
		doc.getElementsByTagName('body')[0].onmousedown	= function () { return (script_JSS.dragkey != undefined) ? false : true; }
		doc.getElementsByTagName('body')[0].onmousemove	= function () { return (script_JSS.dragkey != undefined) ? false : true; }
	} else if ( doc.body ) {
		doc.body.onmousedown			= function () { return (script_JSS.dragkey != undefined) ? false : true; }
		doc.body.onmousemove			= function () { return (script_JSS.dragkey != undefined) ? false : true; }
	}
	// Initialize
	JSS.key	= this.key;
	this.flag = true;
	script_JSS.move(0);
} else { move.Set(this.obj,0,0, 5, 500); }
JSS.key	= this.key;
}

// -- script_JSS for JSS --
wheel.Set("script_JSS.wheel();");
mouse.Set("script_JSS.drag();");
msup.Set("script_JSS.off();");
var script_JSS	= { flag:false, key:undefined, frame:new Object(), obj:new Object(), objX:0, objY:0, bar:new Object(), barX:0, barY:0, box:new Object(), offsetMX:0, offsetMY:0, dragkey:undefined,
set:	function () { 
	script_JSS.flag	= false;
	script_JSS.key	= JSS.key;
	script_JSS.frame	= new OBJ(JSS.frame);	JSS.frame = undefined;
	if (script_JSS.key > 0 && script_JSS.frame.flag) { 
		script_JSS.obj	= new OBJ(script_JSS.frame.path.firstChild);
		script_JSS.objY	= script_JSS.obj.Y;
		script_JSS.objX	= script_JSS.obj.X;
		script_JSS.box	= new OBJ(script_JSS.frame.path.childNodes[(script_JSS.frame.path.childNodes.length - 4)]);
		script_JSS.bar	= new OBJ(script_JSS.frame.path.childNodes[(script_JSS.frame.path.childNodes.length - 3)]);
		script_JSS.barY	= script_JSS.bar.Y;
		script_JSS.barX	= script_JSS.bar.X;
		script_JSS.dgree	=  (JSS.dgree) ? JSS.dgree : 5;
		script_JSS.flag	= true;
	}
	return script_JSS.flag;
},
on:	function () { if (script_JSS.key > 0) { script_JSS.offsetMX = MX - script_JSS.barX; script_JSS.offsetMY = MY - script_JSS.barY; script_JSS.dragkey = true; return false; }},
off:	function () { if (script_JSS.key > 0) { script_JSS.dragkey = undefined; }},
drag:	function () { if (script_JSS.key > 0 && script_JSS.dragkey == true) {
	if (script_JSS.key == 1) { // X scroll
		script_JSS.barX = MX - script_JSS.offsetMX;
		if	(script_JSS.barX < 0)				{ script_JSS.barX = 0; }
		else if	(script_JSS.barX > script_JSS.box.W - script_JSS.bar.W )	{ script_JSS.barX = script_JSS.box.W - script_JSS.bar.W; }
		script_JSS.objX = parseInt( - ((script_JSS.obj.W) - script_JSS.frame.W) / (script_JSS.box.W - script_JSS.bar.W) * script_JSS.barX);
		script_JSS.obj.setX(script_JSS.objX); move.Set(script_JSS.obj, script_JSS.objY, script_JSS.objX, 1, 10000);
		script_JSS.bar.setX(script_JSS.barX); move.Set(script_JSS.bar, script_JSS.barY, script_JSS.barX, 1, 10000);
	} else if (script_JSS.key == 2) { // Y scroll
		script_JSS.barY = MY - script_JSS.offsetMY;
		if	(script_JSS.barY < 0)				{ script_JSS.barY = 0; }
		else if	(script_JSS.barY > script_JSS.box.H - script_JSS.bar.H )	{ script_JSS.barY = script_JSS.box.H - script_JSS.bar.H; }
		script_JSS.objY = parseInt( - ((script_JSS.obj.H) - script_JSS.frame.H) / (script_JSS.box.H - script_JSS.bar.H) * script_JSS.barY);
		script_JSS.obj.setY(script_JSS.objY); move.Set(script_JSS.obj, script_JSS.objY, script_JSS.objX, 1, 10000);
		script_JSS.bar.setY(script_JSS.barY); move.Set(script_JSS.bar, script_JSS.barY, script_JSS.barX, 1, 10000);
	}
}},
slide:	function () { if (JSS.frame) { script_JSS.set(); } if (script_JSS.flag) {
	var tmp = 1;
	if (script_JSS.key == 1) { // X scroll
		if (arguments[0])					{ tmp	= arguments[0]; }
		else if (MX - script_JSS.bar.tX > script_JSS.bar.W)	{ tmp	= ((script_JSS.dgree - 1) / script_JSS.dgree * -1); }
		else if (MX - script_JSS.bar.tX < 0)			{ tmp	= ((script_JSS.dgree - 1) / script_JSS.dgree); }
		else						{ tmp	= 0; }
		script_JSS.objX += parseInt(tmp * script_JSS.frame.W);
		script_JSS.move(script_JSS.objX);
	} else if (script_JSS.key == 2) { // Y scroll
		if (arguments[0])					{ tmp	= arguments[0]; }
		else if (MY - script_JSS.bar.tY > script_JSS.bar.H)	{ tmp	= ((script_JSS.dgree - 1) / script_JSS.dgree * -1); }
		else if (MY - script_JSS.bar.tY < 0)			{ tmp	= ((script_JSS.dgree - 1) / script_JSS.dgree); }
		else						{ tmp	= 0; }
		script_JSS.objY += parseInt(tmp * script_JSS.frame.H);
		script_JSS.move(script_JSS.objY);
	}
	if (!arguments[0]) { script_JSS.on (); }
}},
move:	function () { if (JSS.frame) { script_JSS.set(); } if (script_JSS.flag) {
	if (script_JSS.key == 1) { // X scroll
		script_JSS.objX	= (arguments[0]) ? arguments[0] : 0;
		JSS.top = false;
		JSS.end = false;
		if	(script_JSS.objX >= 0)				{ script_JSS.objX = 0; JSS.top = true; }
		else if	(script_JSS.objX < script_JSS.frame.W - script_JSS.obj.W)	{ script_JSS.objX = script_JSS.frame.W - script_JSS.obj.W; JSS.end = true; }
		script_JSS.barX	= - parseInt(script_JSS.objX / (script_JSS.obj.W - script_JSS.frame.W) * (script_JSS.box.W - script_JSS.bar.W));
		if	(script_JSS.barX < 0)				{ script_JSS.barX = 0; }
		else if	(script_JSS.barX > script_JSS.box.W - script_JSS.bar.W )	{ script_JSS.barX = script_JSS.box.W - script_JSS.bar.W; }
	} else if (script_JSS.key == 2) { // Y scroll
		script_JSS.objY	= (arguments[0]) ? arguments[0] : 0;
		if	(script_JSS.objY > 0)				{ script_JSS.objY = 0; }
		else if	(script_JSS.objY < script_JSS.frame.H - script_JSS.obj.H)	{ script_JSS.objY = script_JSS.frame.H - script_JSS.obj.H; }
		script_JSS.barY	= - parseInt(script_JSS.objY / (script_JSS.obj.H - script_JSS.frame.H) * (script_JSS.box.H - script_JSS.bar.H));
		if	(script_JSS.barY < 0)				{ script_JSS.barY = 0; }
		else if	(script_JSS.barY > script_JSS.box.H - script_JSS.bar.H )	{ script_JSS.barY = script_JSS.box.H - script_JSS.bar.H; }
	}
	move.Set(script_JSS.obj, script_JSS.objY, script_JSS.objX, 3, 500);
	move.Set(script_JSS.bar, script_JSS.barY, script_JSS.barX, 5, 50);
}},
wheel:	function () { if (JSS.frame) { script_JSS.set(); } if (script_JSS.flag) {
	var tmp = MW * 1 / script_JSS.dgree;
	script_JSS.slide (tmp);
	script_JSS.dragkey = false;
}}
}



// -- AUDIO: TEST Script...working on Safari & Opera --
load.Set('AUDIO.set();');
var AUDIO = { timers:new Array, obj:new Object(), flag:false, keys:new Array(), play:function () { if (AUDIO.flag) { AUDIO.obj.play(); }},
set:function () {
	AUDIO.obj = new Audio('/com/aiff/sbar.aiff'); // wclp.aiff
	AUDIO.flag = true;
	for(i = 0; i < doc.links.length; i++) { 
		AUDIO.keys[i] = false;
		if (!doc.links[i].onmouseover) { 
			eval ('doc.links[' + (i) + '].onmouseover	= function () { if (!AUDIO.keys[' + (i) + ']) { AUDIO.play(); } clearTimeout( AUDIO.timers[' + (i) + ']); AUDIO.keys[' + (i) + '] = true; }');
			eval ('doc.links[' + (i) + '].onmousemove	= function () { clearTimeout( AUDIO.timers[' + (i) + ']); AUDIO.keys[' + (i) + '] = true; }');
			eval ('doc.links[' + (i) + '].onmouseout	= function () { clearTimeout( AUDIO.timers[' + (i) + ']); AUDIO.timers[' + (i) + '] = setTimeout("AUDIO.keys[' + (i) + '] = false;",144); }');
		}
	}
}
}