/**
* global search main script
*/
/**
* 스트링 객체 확장 메소드
*
* @param i
* index
* @param str
* 삽입할 string
* @return 결과 string
*/
String.prototype.insert = function(i, str) {
return this.substring(0, i) + str + this.substring(i);
};
//Array Remove - By John Resig (MIT Licensed)
Array.remove = function(array, from, to) {
var rest = array.slice((to || from) + 1 || array.length);
if(array.length > 0){
array.length = from < 0 ? array.length + from : from;
}
return array.push.apply(array, rest);
};
////////////////////////////////////////////////////////////////
// gnb_search
////////////////////////////////////////////////////////////////
function gnb_search(config) {
///////////////////////////////////////////////////////
// private variables
///////////////////////////////////////////////////////
/**
* 마스크 여부
*/
var isMask = false;
/**
* visual search 검색 결과
*/
var visualDataList = null;
/**
* 코드 값
*/
var SEARCH_BTN_WATING = 1;
var SEARCH_BTN_NOINPUT = 2;
var SEARCH_BTN_TYPING = 3;
/**
* 설정
*/
var config = config || {};
config.recommendKeyword = config.recommendKeyword || '';
config.isRecommendClick = config.recommendKeyword.length > 0;
config.isSearchReady = true;
// /////////////////////////////////////////////////////
// private functions
// /////////////////////////////////////////////////////
/**
* Visual Search JSON 검색
*
* @param input
* @return
*/
function getJSONVisualSearch(input) {
$.getJSON(config.visualSearchUrl + '?query=' + input, function(data) {
$('.layer_search').show();
var dataList = data.xperVisual;
if (dataList.length > 0 && !dataList[dataList.length - 1]) {
Array.remove(dataList, dataList.length - 1);
}
if (dataList.length == 0) {
showNoResults();
} else if (dataList.length == 1) {
var visualData = dataList[0];
showProductMatchView(visualData);
} else {
showListView(dataList);
}
config.isSearchReady = false;
});
}
/**
* 전체 dialog를 닫습니다.
* @return
*/
function hideDialogAll() {
// Global Main Search List
$('#layer_search_list').hide();
$('#layer_search_list').empty();
// Product Match View
$('.match_view').hide();
$('.match_view div.thumb').empty();
// Layer Popup Product In Brief
$('#layer_pop_brief_1').hide();
$('div.thumb_sec').empty();
// No product results found
$('div.layer_search .no_results').hide();
}
/**
* 결과 없음 layer를 display
*/
function showNoResults() {
hideDialogAll();
$('div.layer_search .no_results').show();
}
/**
* 해당 product의 detail layer를 display
* @param visualData product data
*/
function showProductMatchView(visualData) {
var visualQuery = document.getElementById("input_search").value; // Omniture Add
hideDialogAll();
$('.match_view').show();
$('.match_view div.thumb')
.append('
')
.append('
');
$('.match_view dl.detail')
.empty()
.append('' + visualData.pd_model + '
' + visualData.visualkeyword + '');
var dd = $('').appendTo($('.match_view dl.detail'));
//var features = visualData.feature.split('\u25B6');
var features = visualData.feature.split('##');
for (var i = 0; i < 5; i++) {
if (features[i].length > 0) {
dd.append('' + features[i] + '
');
} else {
dd.append('');
}
}
var dd_icon = null;
for (var i = 1; i <= 10; i++) {
if (i == 1 || i == 6) {
dd_icon = $('').appendTo($('.match_view dl.detail'));
}
var fimg = visualData['featureimg' + i];
if (fimg && fimg.length > 0) {
dd_icon
.append('
' + visualData['featureimgnm' + i] + '');
}
}
$("div.product_match_features").autoEllipsis();
}
/**
* 검색된 visual search의 detail view layer를 display
* @param visualData product data
*/
function showDetailView(visualData) {
var visualQuery = document.getElementById("input_search").value; // Omniture Add
$('#layer_pop_brief_1').show();
$('div.thumb_sec')
.empty()
.append('')
.append('
');
var descript_sec = $('.descript_sec dl.descript_txt');
descript_sec
.empty()
.append('' + visualData.pd_model + '
' + visualData.visualkeyword + '');
//var features = visualData.feature.split('\u25B6');
var features = visualData.feature.split('##');
for (var i = 0; i < 5; i++) {
if (features[i].length > 0) {
descript_sec
.append('' + features[i] + '
');
} else {
descript_sec
.append('');
}
}
var featureIcons = $('.descript_sec ul.icon');
featureIcons.empty();
for (var i = 1; i <= 10; i++) {
var fimg = visualData['featureimg' + i];
if (fimg && fimg.length > 0) {
featureIcons
.append('');
}
}
$("div.product_features").autoEllipsis();
}
/**
* visual search 결과를 display
* @param dataList 검색된 결과 리스트
* @return
*/
function showListView(dataList) {
var visualQuery = document.getElementById("input_search").value; // Omniture Add
visualDataList = dataList;
hideDialogAll();
$('#layer_search_list').show();
for (var i = 0; i < dataList.length; i++) {
var visualData = dataList[i];
var li = $('').addClass('productView');
if (i % 5 == 0) {
li.addClass('first');
}
li.append($('
' + visualData.pd_model + ''));
li.append($('
