jQuery(function() {

	jQuery("#col-main .recherche").tabs({
    fx: { opacity: 'toggle' },
    show: function(event, ui) { init_autocomplete(ui.panel); }
  });
	jQuery("#col-main .recherche").tabs('select', 0);

});

var transition = 1000;
/******************************************************/
/*              Premier essai                         */
/******************************************************/
/*
function annonces_tourner(sens) {

	var url = '_SITE/PHP/AJAX/home_annonces_shuffle.ajax.php';
	
	var load = jQuery('<img src="squelettes/img/loading.gif" />');
	load.css("position","absolute");
	load.css("left","311px");
	load.css("top","39px");
	jQuery('#annonces_slider').append(load);	
	
	
	jQuery.get(url, {}, function(data) {
				
		var toto = jQuery('#annonces_slider .annonces');
		
		var titi = jQuery(data);
		titi = titi.filter('.annonces');
		titi.css("position","absolute");
		if (sens > 0) {
			titi.css("left","654px");
		} else if (sens < 0) {
			titi.css("left","-654px");
		}
		titi.css("top"," 0px");
		
		var tata = jQuery('<div></div>');
		tata.css('position', 'absolute');
		tata.css('left', '0px');
		tata.css('top', '0px');
		tata.css('width', '1308px');
		tata.css('height', '110px');
		
		toto.before(tata);
		tata.append(toto);
		toto.after(titi);
	
		var tata_left;
		if (sens > 0) {
			tata_left = '-654px';
		} else if (sens < 0) {
			tata_left = '654px';
		}
		
		
		tata.animate({
			left: tata_left
		}, {
			duration: 'slow',
			complete: function() {
				toto.remove();
				tata.after(titi);
				titi.css('left','0px');
				tata.remove();	
				load.remove();	
			}
		});
		
	});

}*/
/*******************************************/
/*              Deuxième essai             */
/*******************************************/
/*
jQuery(function() { 
	var toto = jQuery('#annonces_slider .annonces');
	var width_annonce = toto.children('.annonce').width();
	var nb_annonces = toto.children('.annonce').length;
	toto.css('width', (width_annonce * nb_annonces) + 'px');
	annonces_slider_animate();
});


jQuery(function() {
	jQuery('#annonces_slider .annonces').mouseenter(annonces_slider_pause);
	jQuery('#annonces_slider .annonces').mouseleave(annonces_slider_animate);
});


function annonces_slider_animate() {
	var duree_totale = 10000;
	var distance_totale;
	var duree;
	var distance;
	
	distance_totale = jQuery('#annonces_slider .annonces').width() - jQuery('#annonces_slider').width();
	distance = distance_totale + jQuery('#annonces_slider .annonces').position().left;
	duree = (duree_totale * distance)/distance_totale ;
	
	jQuery('#annonces_slider .annonces').animate({
		right: '0px'
	},	{
		duration: duree,
	});
}

function annonces_slider_pause() {
	jQuery('#annonces_slider .annonces').stop(true);
}
*/

/*******************************************/
/*             Troisième essai             */
/*******************************************/


jQuery(function() {

	var toto = jQuery('#annonces_slider .annonces');
	var width_annonce = toto.children('.annonce').width();
	toto.css('width', (width_annonce * 5) + 'px');
	toto.css('left',"-218px");
	jQuery('#annonces_slider .annonces .annonce:first').clone(true).removeAttr('id').appendTo('#annonces_slider .annonces');
	annonces_decaler();
	
});
//là c'est l'animation	
function annonces_decaler() {

//la manip pour ne pa ralentir le mvt
	var duree_totale = 3000;
	var distance_totale;
	var duree;
	var distance;
	
	distance_totale = jQuery('#annonces_slider .annonces .annonce:last').width();
	
	distance = jQuery('#annonces_slider .annonces .annonce:first').width();
	duree = (duree_totale * distance)/distance_totale ;

	//créer un clone de la première div qui sort et l'ajouter à la fin 
	
	//créer une animation de suppression de la div 
	//la taille d'une div est 218px donc on met la taille à 0px
	jQuery('#annonces_slider .annonces .annonce:first').animate({
		width:"0px",
	}, {
		duration: duree,
		easing : "linear",
		complete: function() { 
			jQuery(this).remove();
			jQuery('#annonces_slider .annonces .annonce:first').clone(true).removeAttr('id').appendTo('#annonces_slider .annonces');
			annonces_decaler();
		}
	});
}
//là c'est l'arrêt
function annonces_pausas() {
	jQuery('#annonces_slider .annonces .annonce:first').stop(true);
}
//là c'est l'appel des 2 fonctions selon le lieu de la souris
jQuery(function() {
	jQuery('#annonces_slider .annonces').mouseenter(annonces_pausas);
	jQuery('#annonces_slider .annonces').mouseleave(annonces_decaler);
});

// les problèmes :
//  - trouver pourquoi les slides bug vers la fin
//  - enlever l'arrêt sur la div #annonces_slider