/*	画像にlabel処理を入れるプラグイン
------------------------------------------------------------------------------- */
(function() {  
	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.searchEffect = 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'						//	検索窓文字色　フォーカス
			},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-error iepngfix"></div>';
		var formSubmit = $('form.'+config.formClass);
//-----------------------------------------------------検索窓の初期スタイル
		function initialValue (){
			$(focusBox).attr('value',config.searchValue);
			$(focusBox).css('background',config.initsbColor);
			$(focusBox).css('color',config.initsbfColor);	
		}
//-----------------------------------------------------検索窓のfocusのスタイル
		initialValue ();	
		$(focusBox).focus(function(){
			if(this.value == config.searchValue){
				$(this).attr('value','');
				$(this).css('background',config.sbColor);
				$(this).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();
				
				var boxposition = $('.'+config.searchboxClass).offset();
				var topMargin = boxposition.top;
				var leftMargin = boxposition.left;
				var topMargin = topMargin+25+'px';
				var leftMargin = leftMargin-50+'px';
				
				$('body').append(errorBox);
				$('.search-error').css('top',topMargin);
				$('.search-error').css('left',leftMargin);
				$('.search-error');
				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-error');
			$(errorDelet).remove();
		}
//-----------------------------------------------------body内のどこかクリックでエラーBOXの削除
		$('body').click(function(){
			tipDelete();
		});
//-----------------------------------------------------escキーでエラーBOXの削除
		$('body').keypress(function(key){
			var keycode = key.charCode || key.keyCode || 0;
			if(keycode == '27'){
				return tipDelete();
			}
		});
//-----------------------------------------------------スクロールでエラーBOXの削除
		$(window).scroll(tipDelete);
		$(window).resize(tipDelete);
};
})(jQuery);
// init
$(function(){
	$('.search-conteiner input.searchBtn').searchEffect({ 
				formClass		:	'search-conteiner' ,					//	適用checkbox範囲のblock要素のclass
				searchValue		:	'検索ワードを入力',	//	検索窓　初期値	
				searchboxClass 	:	'searchBox',					//	テキストボックスのclass
				searchbtn	 	:	'searchBtn',					//	検索ボタンのclass
				initsbColor		:	'#FFFFFF',						//	検索窓背景色　初期値
				initsbfColor	:	'#666666',						//	検索窓文字色　初期値
				sbColor			:	'#fcf6c7',						//	検索窓背景色　フォーカス
				sbfColor		:	'#333333'						//	検索窓文字色　フォーカス
				});
});