/**
item_picked et picker doivent seulement etre voisins

<ul class='item_picked'>..</ul>
... 
...
<xx class='item_picker'>
<div class='picker_bouton'>..</div>
</xx>
...
**/
;if (window.jQuery) {

	jQuery(function($){
		var picked = $('ul.item_picked');
		if (picked.length) {
			picked.find('>li').removeClass('last').find('li:last').addClass('last');
		}
	});

	jQuery.fn.picker_toggle = function(){
		var browser = jQuery(this).parents('.item_picker').find('.browser');
		if (browser.is(':visible')){
			if (jQuery.browser.msie)
				browser.hide();
			else
				browser.slideUp();
			jQuery('a.close',this).hide();
			jQuery('a.edit',this).show();
		}
		else {
			browser.show();
			jQuery('a.close',this).show();
			jQuery('a.edit',this).hide();
		}
	}

	// stop animation du bloc cible pour faire patienter
	jQuery.fn.stopAnimeajax = function(end) {
		this.children().css('opacity', 1.0);
		this.find('.image_loading').html('');
		return this; // don't break the chain
	}

	jQuery.fn.item_pick = function(id_item,name,title,type){
		var label_supprimer = (typeof selecteur_label_supprimer != 'undefined') ? selecteur_label_supprimer : 'del';
		var picker = this.parents('.item_picker');
		var picked = picker.siblings('ul.item_picked');
		if (!picked.length) {
			picker.before("<ul class='item_picked'></ul>");
			picked = picker.siblings('ul.item_picked');
		}
		var select = picked.is('.select');
		var obligatoire = picked.is('.obligatoire');
		if (select)
			picked.html('');
		else
			jQuery('li.on',picked).removeClass('on');
		var sel=jQuery('input[value="'+id_item+'"]',picked);
		if (sel.length==0){
			picked.addClass('changing').animeajax();
			// simulons de la latence pour l'oeil de l'utilisateur
			setTimeout(function(){
				jQuery('li:last',picked).removeClass('last');
				picked.append('<li class="last on '+type+'">'
				+'<input type="hidden" name="'+name+'[]" value="'+id_item+'"/>'
				+ title
				+((select&&obligatoire)?"":" <a title='"+label_supprimer+"' href='#' onclick='jQuery(this).item_unpick();return false;'>"
				  +"<img alt='"+label_supprimer+"' src='"+img_unpick+"' width='12' height='12'/></a>"
				  )
				+'<span class="sep">, </span></li>').removeClass('changing').stopAnimeajax();
				// masquer le selecteur apres un pick
				picker.find('.picker_bouton').picker_toggle();
			},300);
		}
		else
			sel.parent().addClass('on');
		return this; // don't break the chain
	}
	jQuery.fn.item_unpick = function() {
		var picked = this.parents('ul.item_picked');
		var me = this.parent();
		jQuery(me).fadeOut('fast');
		setTimeout(function () {
			me.remove();
			picked.find('>li').removeClass('last').find('li:last').addClass('last');
		}, 400);
	}
};
