/*--------------------------------------------------------------------------*
	ログインのポップアップウィンドウ記述
	 - clickで展開
	 - 【2009/11/19】 toggle形式に変更
	 - 【2009/11/23】 toggleとcloseボタンのコンフリクト解消
--------------------------------------------------------------------------*/

$(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"
		});
	});
});