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);
    }
  );
}

$(document).ready(function(){

  var gauche = [], droite = [];

  $('#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]);
    }
  });

  $('#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]);
    }
  });

  var values = $('#slider-prix').slider('option', 'values'), i = 0;
  $('.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;
  });
});