// JavaScript Document

// Initialization
$.auto = {
	init: function() {
		for (module in $.auto) {
			if ($.auto[module].init)
				$.auto[module].init();
		}
	}
};
$(document).ready($.auto.init);


//基本のロールオーバー
$.auto.hover = {
	init: function() {
		$('IMG.Hover')
			.bind('mouseover', this.enter)
			.bind('mouseout', this.exit)
			.each(this.preload);
	},
	preload: function() {
		this.preloaded = new Image;
		this.preloaded.src = this.src.replace(/^(.+)(\.[a-z]+)$/, "$1_over$2");
	},
	enter: function() {
		this.src = this.src.replace(/^(.+)(\.[a-z]+)$/, "$1_over$2");
	},
	exit: function() {
		this.src = this.src.replace(/^(.+)_over(\.[a-z]+)$/, "$1$2");
	}
};



//各ページからフォームに飛ばすボタン classはjumpfで
$(function (){
			//フォーカス時の点線を消す
$('.jumpf').focus(
       function(){ $(this).blur() }
    );	
	//マウスが乗ったら…
	$('.jumpf').mouseover(function() {
		//up画像
		var upimgSrc1 = $(this).attr("src");
		//over画像
		var overimgSrc1 = upimgSrc1.replace("up", "over");
		//down画像
		var downimgSrc1 = upimgSrc1.replace("up", "down");
		//over画像に入れ替え
		$(this).attr("src", overimgSrc1);
		//念のためアップ画像をバックグラウンドに設定
		$(this).css("background-image", "url("+upimgSrc1+")");
		//マウスが押されたら…
		$(this).mousedown(function() {
			//down画像に入れ替え
			$(this).attr("src", downimgSrc1);
			//マウスアップしたら…
			$(this).mouseup(function() {
				//up画像に入れ替え
				$(this).attr("src", upimgSrc1);
			});
		});
		//マウスが外れたら…
		$(this).mouseout(function() {
			$(this).attr("src", upimgSrc1);
		});
	});
});		

//メールフォーム内各種ボタン
$(function (){
	//フォーカス時の点線を消す
    $('form :image').focus(
       function(){ $(this).blur() }
    );
	//マウスが乗ったら…
	$('form :image').mouseover(function() {
		//up画像
		var upimgSrc2 = $(this).attr("src");
		//over画像
		var overimgSrc2 = upimgSrc2.replace("up", "over");
		//down画像
		var downimgSrc2 = upimgSrc2.replace("up", "down");
		//over画像に入れ替え
		$(this).attr("src", overimgSrc2);
		//念のためアップ画像をバックグラウンドに設定
		$(this).css("background-image", "url("+upimgSrc2+")");
		//マウスが押されたら…
		$(this).mousedown(function() {
			//down画像に入れ替え
			$(this).attr("src", downimgSrc2);
			//マウスアップしたら…
			$(this).mouseup(function() {
				//up画像に入れ替え
				$(this).attr("src", upimgSrc2);
			});
		});
		//マウスが外れたら…
		$(this).mouseout(function() {
			$(this).attr("src", upimgSrc2);
		});
	});
});