/*--------------------------------------------------------------------------*
	ログインのポップアップウィンドウ記述
	 - clickで展開
--------------------------------------------------------------------------*/

$(function(){

	//check変数の宣言
	var displaycheck;

	//#login-formboxのdisplayプロパティの初期値はnone

	//初期クリック処理
	$(".login-btn img").toggle(function(){

		//ID login-formboxのcssプロパティdisplayの値を取得
		displaycheck = $('#login-formbox').css('display');

		//displayの値がnone（非表示）だった場合の処理
		if(displaycheck == 'none'){
			//displayをblock(表示)に変更
			$('#login-formbox').css('display', 'block');

			//オートfocus処理
			//document.header_login_form.header_memberid.focus();
			$('#header_memberid').focus();

			//closeボタンのクリック処理開放
			$('#login-formbox #close').click(function () {
				//closeボタンが押された際にdisplayをblock(非表示)に変更
				$('#login-formbox').css('display', 'none');
			});
		}else{
			//displayがnone以外であれば、none(非表示)に変更
			$('#login-formbox').css('display', 'none');
		}

	},
	//2回目のクリック処理 ＆ 以降、初期処理と2回目の処理繰り返し
	function(){
		//ID login-formboxのcssプロパティdisplayの値を取得
		displaycheck = $('#login-formbox').css('display');

		//displayの値がnone（非表示）だった場合の処理
		if(displaycheck == 'none'){
			//displayをblock(表示)に変更
			$('#login-formbox').css('display', 'block');
			//オートfocus処理
			$('#header_memberid').focus();
		}else{
			//displayをblock(非表示)に変更
			$('#login-formbox').css('display', 'none');
		}
	});
});


/*--------------------------------------------------------------------------*

	フォームにフォーカス時に背景色変更

	--------------------------------------------------------------------------*/
$(function() {
	var cls0 = '';

	/* 初期値
	---------------------------------------------------*/
	$('input[type="text"]').css({
			"background-color":"#ffffff",
			"border-top":"2px solid #aaaaaa",
			"border-right":"1px solid #aaaaaa",
			"border-bottom":"1px solid #aaaaaa",
			"border-left":"2px solid #aaaaaa",
			"letter-spacing":"2px"
		});

	$('input[type="password"]').css({
			"background-color":"#ffffff",
			"border-top":"2px solid #aaaaaa",
			"border-right":"1px solid #aaaaaa",
			"border-bottom":"1px solid #aaaaaa",
			"border-left":"2px solid #aaaaaa",
			"letter-spacing":"2px"
	});


	/* input type="text"
	---------------------------------------------------*/
	//フォーカス時処理
	$('input[type="text"]').focus(function() {
		cls0 = $(this).attr('class');
		if(cls0.indexOf('noact') == -1)	{
			$(this).css({
				"background-color":"#fffde8",
				"border-top":"2px solid #ff9933",
				"border-right":"1px solid #ff9933",
				"border-bottom":"1px solid #ff9933",
				"border-left":"2px solid #ff9933",
				"letter-spacing":"2px",
				"outline":"0"
			});
		}
		//noactがついたもののみ境界線のみ変更
		else if(cls0.indexOf('noact') != -1)	{
			$(this).css({
				"background-color":"#ffffff",
				"border-top":"2px solid #ff9933",
				"border-right":"1px solid #ff9933",
				"border-bottom":"1px solid #ff9933",
				"border-left":"2px solid #ff9933",
				"letter-spacing":"2px",
				"outline":"0"
			});
		}

	});

	//フォーカスアウト時処理
	$('input[type="text"]').blur(function() {
		$(this).css({
			"background-color":"#ffffff",
			"border-top":"2px solid #aaaaaa",
			"border-right":"1px solid #aaaaaa",
			"border-bottom":"1px solid #aaaaaa",
			"border-left":"2px solid #aaaaaa",
			"letter-spacing":"2px"
		});
	});



	/* input type="password"
	---------------------------------------------------*/
	//フォーカス時処理
	$('input[type="password"]').focus(function() {
		cls0 = $(this).attr('class');
		if(cls0.indexOf('noact') == -1)	{
			$(this).css({
				"background-color":"#fffde8",
				"border-top":"2px solid #ff9933",
				"border-right":"1px solid #ff9933",
				"border-bottom":"1px solid #ff9933",
				"border-left":"2px solid #ff9933",
				"letter-spacing":"2px",
				"outline":"0"
			});
		}
		//noactがついたもののみ境界線のみ変更
		else if(cls0.indexOf('noact') != -1)	{
			$(this).css({
				"background-color":"#ffffff",
				"border-top":"2px solid #ff9933",
				"border-right":"1px solid #ff9933",
				"border-bottom":"1px solid #ff9933",
				"border-left":"2px solid #ff9933",
				"letter-spacing":"2px",
				"outline":"0"
			});
		}

	});

	//フォーカスアウト時処理
	$('input[type="password"]').blur(function() {
		$(this).css({
			"background-color":"#ffffff",
			"border-top":"2px solid #aaaaaa",
			"border-right":"1px solid #aaaaaa",
			"border-bottom":"1px solid #aaaaaa",
			"border-left":"2px solid #aaaaaa",
			"letter-spacing":"2px"
		});
	});
});



/* /u/LWMR101/SLWMR101010.htmのばらまきカード表示部分　画像高さ設定
--------------------------------------------------------------------*/
$(function(){
var imgheight = $("#register-card #info .box-r p img").attr("src");
$("#register-card #info .box-r p").html('<img src="'+ imgheight + '" alt="" />');
});