/* トランジション時間(ms) */
var INDIVIDUAL_FX_TIME = 500;

/* トランジション用不透明度の開始、終了値 */
var INDIVIDUAL_OPACITY_MAX = 0.999; /* 何故か 1 では不具合あり(MacのFireFoxで文字が一瞬太くなる) */
var INDIVIDUAL_OPACITY_MIN = 0.001; /* 何故か 0 では不具合あり(画像が表示されなくなる) */

/* コンタクト背景画像 */
var INDIVIDUAL_MOUSEOVER_IMG = "/images/img-02_return_hover.gif";

/* トランジション用オブジェクト */
var IndividualFX;

/* コンタクトコントロールオブジェクト */
var IndividualControl = {
	/* startファンクション */
	start: function(){

		/* 背景のフェードイン画像設定
		*********************************/

		/* 図のID名を変数にセット */
		var divname = 'return';

		/* 図のID名を変数にセット */
		$(divname).src = INDIVIDUAL_MOUSEOVER_IMG;

		/* 図のID名からトランジション用オブジェクト作成         */
		IndividualFX = new Fx.Styles(divname, {wait: false, duration: INDIVIDUAL_FX_TIME,transition: Fx.Transitions.Quart.easeOut});

		/* とりあえず図はフェードアウトしておく */
		$(divname).setStyle("opacity",INDIVIDUAL_OPACITY_MIN);

		/* マウスオーバーイベントハンドラ設定 */
		$(divname).addEvent('mouseover', function() {

			/* 図フェードイン */
			IndividualFX.start({ 'opacity': INDIVIDUAL_OPACITY_MAX });
		});

		/* マウスオーバーイベントハンドラ設定 */
		$(divname).addEvent('mouseout', function() {
			/* 図フェードアウト */
			IndividualFX.start({ 'opacity': INDIVIDUAL_OPACITY_MIN })
		});

		/* クリックイベントハンドラ設定 */
		$(divname).addEvent('mousedown', function() {
			/* 図フェードアウト */
			$(divname).setStyle('opacity', INDIVIDUAL_OPACITY_MIN);
		});

	}
}

/* documentロードのタイミングで関数起動 */
window.addEvent('domready', IndividualControl.start);