var charValWidth; // Для сравнения товаров
var acRightWidth; // Для плашки сравнения товаров
var searchResElem = []; 	// Для навигации по результатам поиска при помощи клавиатуры - массив елементов
var searchResElemSelected = -1; // Для навигации по результатам поиска при помощи клавиатуры - текущий элемент
var searchResElemHref = ''; // Для навигации по результатам поиска при помощи клавиатуры - url выбранного элемента
$(document).ready(function() {

    //поиск с подсказками
    $('#q').keyup(function(event) {
        var key;
            
        if(window.event) key = window.event.keyCode;
        else if (event) key = event.which;
        
        if(key == 27) {
            $('#search_results').hide('fast');
        }

        else if(this.value.length >= 2 && (key !== 38 & key !== 40)) {
            $.getJSON('http://www.kanc-torg.ru/modules/ajax.search.php?q=' + this.value + '&callback=?', function(data){
                    var search_result = '';
                    
                    //alert('test');

                    $.each(data, function(k, v) {
                        if(k == 'error') {
                            search_result += '<div class="result_str">';
                            search_result += '<div class="result_type">ошибка</div>';
                            search_result += '<div class="result_value">' + v + '</div>';
                            search_result += '</div>';
                        }
                        else if(k == 'groups') {
                            var groups = false;
                            $.each(v, function(kg, vg) {
                                search_result += '<div class="result_str">';
                                if(!groups)
                                    search_result += '<div class="result_type">группы</div>';
                                else
                                    search_result += '<div class="result_type"></div>';
                                search_result += '<div class="result_value" onmouseover="sel_result(this)" onmouseout="unsel_result(this)" onclick="location.href = \'http://www.kanc-torg.ru/catalog/' + kg + '/\';"><img src="http://www.kanc-torg.ru/admin/images/img_resize.php?image=' + vg['i'] + '&width=30&height=30" alt=""> <strong>' + vg['n'] + '</strong></div>';
                                search_result += '</div>';
                                groups = true;
                            });
                        }
                        else if(k == 'producers') {
                            var producers = false;
                            $.each(v, function(kp, vp) {
                                search_result += '<div class="result_str">';
                                if(!producers)
                                    search_result += '<div class="result_type">производители</div>';
                                else
                                    search_result += '<div class="result_type"></div>';
                                search_result += '<div class="result_value" onmouseover="sel_result(this)" onmouseout="unsel_result(this)" onclick="location.href = \'http://www.kanc-torg.ru/catalog/?producer=' + kp + '\';"><img src="http://www.kanc-torg.ru/admin/images/img_resize.php?image=' + vp['i'] + '&width=30&height=30" alt=""> <strong>' + vp['n'] + '</strong></div>';
                                search_result += '</div>';
                                producers = true;
                            });
                        }
                        else if(k == 'elements') {
                            var elements = false;
                            $.each(v, function(ke, ve) {
                                search_result += '<div class="result_str">';
                                if(!elements)
                                    search_result += '<div class="result_type">товары</div>';
                                else
                                    search_result += '<div class="result_type"></div>';
                                search_result += '<div class="result_value" onmouseover="sel_result(this)" onmouseout="unsel_result(this)" onclick="location.href = \'http://www.kanc-torg.ru/catalog/' + ke + '/\';"><img src="http://www.kanc-torg.ru/admin/images/img_resize.php?image=' + ve['i'] + '&width=30&height=30" alt=""> <strong>'  + ve['n'] + '</strong></div>';
                                search_result += '</div>';
                                elements = true;
                            });
                        }
                    });
                    //alert(search_result);
                    $('#search_results').html(search_result);
                    $('#search_results').show('fast');
            });
        } else if (key !== 38 & key !== 40) {
            $('#search_results').html('');
            $('#search_results').hide('fast');
        }

    });
    
    $('#q').keydown(function(event) {

        var key;
		//var searchResElemNext = 0;
            
        if(window.event) key = window.event.keyCode;
        else if (event) key = event.which;
	
        if(key == 38 || key == 40) {
            var qtyElements = 0;
			if ($('#search_results').css('display') == 'block') {
				$('#search_results .result_str').each(function(i) {
					searchResElem[i] = $(this).find('.result_value');
					if($(this).find('.result_value').hasClass('result_value_selected')) { //.hasClass('.result_value_selected')
                        searchResElemSelected = i;
					}
				});
                qtyElements = searchResElem.length;
				if (key == 40) {
                    var i = searchResElemSelected + 1 == qtyElements ? 0 : searchResElemSelected + 1;
				} else if (key == 38){
                    searchResElemSelected = searchResElemSelected == -1 ? 0 : searchResElemSelected;
                    var i = searchResElemSelected == 0 ? qtyElements - 1 : searchResElemSelected - 1;
				}
                //alert('i = ' + i + ' ; searchResElemSelected = ' + searchResElemSelected);
                sel_result(searchResElem[i]);
                searchResElemHref = searchResElem[i];
                unsel_result(searchResElem[searchResElemSelected]);
			}
        } else if (key == 13) {
            searchResElemHref.trigger('click');
            $('#search > form').submit(function() {
                return false;
            });
        }
        
    });
    $('#search > form').submit(function() {
        if($('#q').val() !== '') {
            return true;
        } else {
            return false;
        }
    });

});

//mouseover на результат поиска
function sel_result(el) {
    //$(el).removeClass('result_value');
    $(el).addClass('result_value_selected');
}

//mouseout на результат поиска
function unsel_result(el) {
    $(el).removeClass('result_value_selected');
    //$(el).addClass('result_value');
}