$(function() {
	
	var $wordAssistExPanel = $('#jsiWordAssistExPanel');
	var $searchBox = $('#jsiSearchBox');
	var $inputBox = $('input[name=freeword]');
	var $form = $('form[action *= salonSearch]');
	var $wordList = $('.wordAssistExList');
	var placeholderClass = 'hint';
	
	$('input[id ^= freeWordSearch]').on("click", function(){
		if($wordAssistExPanel.is(':hidden')){
			$wordAssistExPanel.show();
		}
		$wordAssistExPanel.css({
			'top' : $inputBox.position().top + 30,
			'left' : $inputBox.position().left
		});
	});
	$('#jsiWordAssistExCloseBtn').on("click", function(){
		$wordAssistExPanel.hide();
	});
	$(document).on("click", function(e){
		if(!$(e.target).is('#jsiWordAssistExPanel , #jsiWordAssistExPanel * , #freeWordSearch1 , #freeWordSearch2')){
			$wordAssistExPanel.hide();
		}
	});
	$wordList.find('a').on("click", function(){
		$inputBox.removeClass(placeholderClass).val($(this).text());
		var $wakTag = '<input type=\"hidden\" name=\"wak\" value=\"' + $('#jsiWakCd').text() + '\">';
		$form.append($wakTag);
		$form.trigger("submit");
	});
});