(function() {  


/*	画像にlabel処理を入れるプラグイン
------------------------------------------------------------------------------- */
	jQuery.fn.imgLabel = function(config){			

		var target = this;
		$(target).click(function(){
			var labelfor = $(this).attr('for');
			var labelid = $('#'+labelfor);
			$(labelid).focus();
		});		
	};
	
})(jQuery);


// init

$(function(){
	$('label.imgLabel').imgLabel();
	
});


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




(function() {  
 

/*	検索窓のプラグイン
------------------------------------------------------------------------------- */
	jQuery.fn.searchEffect02 = function(config){			
		config = jQuery.extend({
				formClass		:	'searchArea' ,					//	適用checkbox範囲のblock要素のclass
				searchValue		:	'検索ワードを入れてください',	//	検索窓　初期値
				searchboxClass 	:	'search-text',					//	テキストボックスのclass
				searchbtn	 	:	'search-text',					//	検索ボタンのclass
				initsbColor		:	'#CCCCCC',						//	検索窓背景色　初期値
				initsbfColor	:	'#666666',						//	検索窓文字色　初期値
				sbColor			:	'#66CCCC',						//	検索窓背景色　フォーカス
				sbfColor		:	'#333333',						//	検索窓文字色　フォーカス
				errortext		:	'htmlソースを入れる'			//	吹きだし君中身
			
			},config);
		
		var target = this;
		var focusBox = $('form.'+config.formClass+' input.'+config.searchboxClass);
		var searchBtn = $('input.'+config.searchbtn);
		var value02 = ' ';
		var value03 = '　';
		var errorBox ='<div class="search-error02">'+config.errortext+'</div>';
		var formSubmit = $('form.'+config.formClass);
		var boxposition = $('.'+config.searchboxClass).offset();
		var topMargin = boxposition.top;
		var leftMargin = boxposition.left;
		var topMargin = topMargin+25+'px';
		var leftMargin = leftMargin+'px';		


//-----------------------------------------------------検索窓の初期スタイル
	
		function initialValue (){
		//	$(focusBox).attr('value',config.searchValue);
			$(focusBox).css('background',config.initsbColor);
			$(focusBox).css('color',config.initsbfColor);	
		}
		



//-----------------------------------------------------検索窓のfocusのスタイル
	
		initialValue ();	
		$(focusBox).focus(function(){
			$(this).css('background',config.sbColor);
			$(this).css('color',config.sbfColor);
		});
		
		
		var textValue = $(focusBox).attr('value')
		var nakami = new RegExp(".*")
		if(textValue == ""){
		}
		else if(textValue.match(nakami)){
			$(focusBox).css('background',config.sbColor);
			$(focusBox).css('color',config.sbfColor);
		}

		
		
//-----------------------------------------------------テキストエリアの値がsubmitしたとき
	

		$(formSubmit).submit(function(){
			return gosearch();
		});

	
		function gosearch (){
			var value01 = focusBox.attr("value");
			if(value01 == config.searchValue || value01 == '' || value01 == value02 || value01 == value03){
				tipDelete();
				$('dl.search-box').after(errorBox);

				$(focusBox).css('background','#fef2f2');
				return false;			
			}
			else{
			}
		}
	
	
//-----------------------------------------------------検索窓初期値に戻す


		$(focusBox).blur(function(){
			if(this.value == '' || this.value == value02 || this.value == value03){
			}else {
				return false;
			}
							   
			
			initialValue ();
		});





//-----------------------------------------------------エラーBOXの削除

		function tipDelete(){
			var errorDelet = $('.search-error02');
			$(errorDelet).remove();
		
		}

//-----------------------------------------------------body内のどこかクリックでエラーBOXの削除
	
	/*	$('body').click(function(){
			tipDelete();
		});*/
		
		$('body').click(function(){
			tipDelete();
		});


//-----------------------------------------------------escキーでエラーBOXの削除

		$('body').keypress(function(key){
			var keycode = key.charCode || key.keyCode || 0;
			if(keycode == '27'){
				$(focusBox).css('background',config.initsbColor);
				return tipDelete();
			}
		});


//-----------------------------------------------------スクロールでエラーBOXの削除

		$(window).scroll(tipDelete);
		$(window).resize(tipDelete);

	



};
	
	
})(jQuery);




// init

$(function(){
	$('.search-conteiner02 input.searchBtn02').searchEffect02({ 
				formClass		:	'search-conteiner02' ,					//	適用checkbox範囲のblock要素のclass
				searchValue		:	'',	//	検索窓　初期値	
				searchboxClass 	:	'searchBox02',					//	テキストボックスのclass
				searchbtn	 	:	'searchBtn02',					//	検索ボタンのclass
				initsbColor		:	'#FFFFFF',						//	検索窓背景色　初期値
				initsbfColor	:	'#666666',						//	検索窓文字色　初期値
				sbColor			:	'#fcf6c7',						//	検索窓背景色　フォーカス
				sbfColor		:	'#333333',						//	検索窓文字色　フォーカス
				errortext		:	'<p>※キーワードを入力してください。</p>'			//	吹きだし君中身
				});



	
});