$(document).ready(function() {
 			/******************************************************
			* Méthode de récupération des prix.
			*/
			function ajaxGetPrice()
			{
				if(modID == null || modID == 0) return;
				var w = 1;
				if ($("input[name='rdW']:checked").val() == '1')
				{
					w = 1;
				}
				else 
				{
					w = 0;
				}
				
				$.ajax(
				{
					url: "search.php5",
					dataType: "json",
					data: 
					{
						type: 	'gtPr',
						w:		w,
						m:		modID
					},
					success: function(data) 
					{
						$("#LblPrice").empty();
						$("#LblPrice").append(data.GetPriceResult + '€');
					}
				});
			}
			/******************************************************
			* Instanciation du champ en autocomplete et mise en place des différents events.
			*/
			$("#q").autocomplete({
				source: function(request, response) {
					$.ajax({
						url: "search.php5",
						dataType: "json",
						data: {
								term: request.term,
								type: 'gtMd'
						},
						success: function(data) {
							response($.map(data, function(item) {
								return {
									label: item.Name, 
									value: item.Name, 
									id: item.HRK,
									image: item.urlImage,
									price: item.Price,
									technicalName : item.TechnicalName
								}
							}))
						}
					})
				},
				minLength: 2,
				select: function(event, ui) {
					$("#sh").val(ui.item.id);
					$("#tn").val(ui.item.technicalName);
          $("#sForm").submit();
				},
        open: function(event,ui) {
          
          $('body > ul').css('width','406px').css('left',(($(document).width()/2)-($('#search input').width()/2))+5);
        }
			})
      .data( "autocomplete" )._renderItem = function( ul, item ) {
        return $( "<li></li>" )
				.data( "item.autocomplete", item )
				.append( "<a style='background: none;'><table><tr><td><img width='32' src='" + item.image + "'/></td><td class='searchUItem'>" + item.label + "</td></tr></table></a>")
				.appendTo( ul );
      }; 

      /******************************************************
			* Instanciation du champ en autocomplete et mise en place des différents events.
			*/
      
      if($("#qM")[0] != null)
      {
        $("#qM").autocomplete({
          source: function(request, response) {
            $.ajax({
              url: "search.php5",
              dataType: "json",
              data: {
                  term: request.term,
                  type: 'gtMd'
              },
              success: function(data) {
                response($.map(data, function(item) {
                  return {
                    label: item.Name, 
                    value: item.Name, 
                    id: item.HRK,
                    image: item.urlImage,
                    price: item.Price,
                    technicalName : item.TechnicalName
                  }
                }))
              }
            })
          },
          minLength: 2,
          select: function(event, ui) {
            $("#sh").val(ui.item.id);
            $("#tn").val(ui.item.technicalName);
            $("#sForm").submit();
          },
          open: function(event,ui) {
            
            $('body > ul').css('width','406px').css('left',(($(document).width()/2)-($('#dialog-form').width()/2))+50);
          }
        })
        .data( "autocomplete" )._renderItem = function( ul, item ) {
          return $( "<li></li>" )
          .data( "item.autocomplete", item )
          .append( "<a style='background: none;'><table><tr><td><img width='32' src='" + item.image + "'/></td><td class='searchUItem'>" + item.label + "</td></tr></table></a>")
          .appendTo( ul );
        }; 
      }
      
});