jQuery(document).ready(function ($) {
		$( ".spr-container" ).each(function() {
			var $element = $(this);
			if($element.data("ajax_search") == 0)
				return;
			$element.removeClass("spr-preload");
            $(".spr_selector .spr_select", $element).on("click",function(){
                var value_select = $("select[class=spr_select]", $element).val();
                var text_select = $("select[class=spr_select] option:selected", $element).text().replace(/-\|-/g, "");
                $("input[name='cat_id']").attr("value", value_select);
                $(".searchproLabel").text(text_select);
            });
			var $input = $(".spr-query", $element);
			var $content_search = $(".content-search", $element);
			loadajax_ein();
			function loadajax_ein() {
				$ajax_s = $element.data("ajax_search");
				if ($ajax_s) 
				{
                    $input.autocomplete(
					{
						source: function (query, response) 
						{
							$.get($element.data("module_link"), {
								ajaxSearch: $ajax_s,
								id_lang: $element.data("id_lang"),
								spr_module_id: $element.data("id_spsearchpro"),
								cat_id: $("select[class=spr_select]", $element).val(),
								orderby: $element.data("products_ordering"),
								orderway: $element.data("ordering_direction"),
								resultsPerPage: $(".n_product",this).val(),
								s: $input.val(),
							}, null, 'json')
							.then(function (result) {
								$(".ac_results",$content_search).remove();
								var data = result.products;
								var _img_pl = prestashop.urls.base_url+'modules/spsearchpro/views/img/nophoto.jpg';
								console.log(_img_pl);
								var html = '<div class="ac_results"><ul>';
								for (var i = 0; i < data.length; i++){
									if (typeof data[i]['images'][0] !== 'undefined'){
										_img_pl = data[i]['images'][0]['small']['url'];
									}
									html += '<li class="ac_even"><a href="'+data[i]['link']+'"><img src="'+_img_pl+'"  style="height: 30px;" alt="'+data[i].category_name+'" title="'+data[i].category_name+'">'+data[i].category_name + " > " + data[i].name+'</a></li>';
								}	
								html += '</ul></div>';
								$content_search.append(html);
							})
							.fail(response);
						}
					});
				}
			}
			
			$input.on('autocompletefocus', function(event) {
				if ($(this).val().length <= 0 && $(".ac_results",$content_search).length){
					$(".ac_results",$content_search).remove();
				}
			}).on('autocompletechange', function(event) {
				if ($(this).val().length <= 0 && $(".ac_results",$content_search).length){
					$(".ac_results",$content_search).remove();
				}
			}).on('keyup', function(event) {
				if ($(this).val().length <= 0 && $(".ac_results",$content_search).length){
					$(".ac_results",$content_search).remove();
				}
			});
            //$(window).on("resize", function(){
            //    if($(window).width() < 480){
            //        $(".spr_select option:first-child", $element).html("&#xf0c9; &nbsp;All");
            //    }else{
            //        $(".spr_select option:first-child", $element).html("&#xf0c9; &nbsp;All Categories");
            //    }
            //});					
		});	
    });