function getModeles(id){
  $.post(
    getModelesUrl,
    {
      id: id
    },
    function(data){
      $('#AnnonceModele').replaceWith(data);
    }
  )
}
function getModeles2(id){
  $.post(
    getModelesUrl2,
    {
      id: id
    },
    function(data){
      $('#AnnonceModele').replaceWith(data);
    }
  )
}

function getVersion(marque, modele){
  $.post(
    '/ajax/modeles/getVersion',
    { marque: marque, modele: modele },
    function(data){
      $('#AnnonceVersion').replaceWith(data);
    }
  );
}

$(function(){
    var gauche = [], droite = [];

  if($('#slider-prix').length > 0){
    $('#slider-prix').slider({
      range: true,
      min: 0,
      max: 100000,
      values: [1000, 70000],
      step: 1000,
      slide: function(event, ui){
        var api = $(ui.handle).qtip('api'), api_gauche = $(gauche[0]).qtip('api'), api_droite = $(droite[0]).qtip('api'), values = $('#slider-prix').slider('option','values');
        $('.ui-slider-handle').each(function(){
          api_gauche.updateContent(number_format(values[0], 0, '', ' '), false);
          api_droite.updateContent(number_format(values[1], 0, '', ' '), false);
        });
        api.show();
      },
      change: function(event, ui){
        var api_gauche = $(gauche[0]).qtip('api'), api_droite = $(droite[0]).qtip('api'), values=$('#slider-prix').slider('option','values');
        $('.ui-slider-handle').each(function(){
          api_gauche.updateContent(number_format(values[0], 0, '', ' '), false);
          api_droite.updateContent(number_format(values[1], 0, '', ' '), false);
        });
        $('#prix_min').val(values[0]);
        $('#prix_max').val(values[1]);
      }
    });
    
    var values = $('#slider-prix').slider('option', 'values'), i = 0;
    $('#slider-prix .ui-slider-handle').each(function(){
      if(i == 0)
        gauche.push(this);
      else
        droite.push(this);
      $(this).qtip({
        content: number_format(values[i++], 0, '', ' '),
        style: {
          width: 90,
          padding: 0,
          background: '#fff',
          color: 'black',
          textAlign: 'center',
          border: {
            width: 1,
            radius: 5,
            color: '#fff'
          },
          tip: 'bottomMiddle',
          name: 'light'
        },
        position: {
          corner: {
            target: 'topMiddle',
            tooltip: 'bottomMiddle'
          }
        },
        show: { effect: { length: 0 } }
      });
      if(i == 2)
        i = 0;
    });

  }

  if($('#slider-km').length > 0){
    $('#slider-km').slider({
      range: true,
      min: 0,
      max: 100000,
      values: [1000, 70000],
      step: 1000,
      slide: function(event, ui){
        var api = $(ui.handle).qtip('api'), api_gauche = $(gauche[1]).qtip('api'), api_droite = $(droite[1]).qtip('api'), values = $('#slider-km').slider('option','values');
        $('.ui-slider-handle').each(function(){
          api_gauche.updateContent(number_format(values[0], 0, '', ' '), false);
          api_droite.updateContent(number_format(values[1], 0, '', ' '), false);
        });
        api.show();
      },
      change: function(event, ui){
        var api_gauche = $(gauche[1]).qtip('api'), api_droite = $(droite[1]).qtip('api'), values=$('#slider-km').slider('option','values');
        $('.ui-slider-handle').each(function(){
          api_gauche.updateContent(number_format(values[0], 0, '', ' '), false);
          api_droite.updateContent(number_format(values[1], 0, '', ' '), false);
        });
        $('#km_min').val(values[0]);
        $('#km_max').val(values[1]);
      }
    });
  }

    values = $('#slider-km').slider('option', 'values');
    i = 0;
    $('#slider-km .ui-slider-handle').each(function(){
      if(i == 0)
        gauche.push(this);
      else
        droite.push(this);
      $(this).qtip({
        content: number_format(values[i++], 0, '', ' '),
        style: {
          width: 90,
          padding: 0,
          background: '#fff',
          color: 'black',
          textAlign: 'center',
          border: {
            width: 1,
            radius: 5,
            color: '#fff'
          },
          tip: 'bottomMiddle',
          name: 'light'
        },
        position: {
          corner: {
            target: 'topMiddle',
            tooltip: 'bottomMiddle'
          }
        },
        show: { effect: { length: 0 } }
      });
      if(i == 2)
        i = 0;
    });
});