// JavaScript Document
// http://www.thedesignium.com/

// 読み込みの状態 [true=完了、 false=読み込み中]
var loadState = false;

var Dsn = {
	init: function() {
		// "load"完了後、関数を呼び出し
		this.coverFunc();
	},
	dominit: function() {		
		//画像にイベント（クリック時にドロップバーガーのサイトへ）を設定 + スタイルをセット
		$('brgrLink').addEvent('click', function() {
			location.href = 'http://brgr.jp/drop';
		}).setStyle('cursor', 'pointer');
	},
	coverFunc: function() {
		// 読み込み完了時の表示変更
		$('cover').set('html', 'loaded');
		// index.phpでつくった要素"cover"に不透明度のエフェクトを設定
		var coverFx = new Fx.Tween('cover', { property: 'opacity', duration: 2000 }); // duration = エフェクトの継続時間。ここでは不透明度が０になるまでの時間になる。（※1000 = 1秒
		// 設定したエフェクトを使って不透明度を０へ
		coverFx.start(0).chain(function() {
			// chainを使ってエフェクト実行後に要素を削除
			$('cover').dispose(); 
			
			//読み込み完了
			loadState = true;
		});
	},
	reSize: function() {
		$('cover').setStyles({ 'height': window.getScrollHeight(), 'width': window.getScrollWidth() });
	}
}

// ▼イベント"domready"と"load"の違い
// "domready"は画像を含まない全てのHTML要素が準備されたとき（操作できる段階になったとき）に実行され、
// "load"の場合は画像を含む全てのHTML要素が読み込まれた後に実行される。

// ▼イベントの設定
// 画像を含まない全てのHTML要素が準備されたとき（操作できる段階になったとき）関数を実行
window.addEvent('domready', function() {
	Dsn.dominit();
});
// 画像を含む全てのHTML要素が読み込まれた後、関数を実行
window.addEvent('load', function() {
	Dsn.init();
});
// マウスホイール時にcoverをリサイズ
window.addEvent('mousewheel', function() {
	if(!loadState) Dsn.reSize();
});
// 画面がリサイズされた際にcoverのサイズも変更
window.addEvent('resize', function() {
	if(!loadState) Dsn.reSize();
});